CSS တုံ့ပြန်မှုဇယား
တုံ့ပြန်မှုဇယား
မျက်နှာပြင်သည် အကြောင်းအရာအပြည့်အစုံကိုပြသရန် သေးငယ်လွန်းပါက တုံ့ပြန်မှုဇယားသည် အလျားလိုက် scroll bar ကိုပြသပါမည်-
နာမည် | မျိုးနွယ်အမည် | အမှတ်များ | အမှတ်များ | အမှတ်များ | အမှတ်များ | အမှတ်များ | အမှတ်များ | အမှတ်များ | အမှတ်များ | အမှတ်များ | အမှတ်များ | အမှတ်များ | အမှတ်များ |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
ဂျေးလ် | စမစ် | ၅၀ | ၅၀ | ၅၀ | ၅၀ | ၅၀ | ၅၀ | ၅၀ | ၅၀ | ၅၀ | ၅၀ | ၅၀ | ၅၀ |
ဧဝ | လုပ်ပြတယ်။ | ၉၄ | ၉၄ | ၉၄ | ၉၄ | ၉၄ | ၉၄ | ၉၄ | ၉၄ | ၉၄ | ၉၄ | ၉၄ | ၉၄ |
အာဒံ | ဂျွန်ဆင် | ၆၇ | ၆၇ | ၆၇ | ၆၇ | ၆၇ | ၆၇ | ၆၇ | ၆၇ | ၆၇ | ၆၇ | ၆၇ | ၆၇ |
overflow-x:auto
တုံ့ပြန်မှုဖြစ်စေရန်အတွက် <table> ဒြပ်စင်တစ်ဝိုက် တွင် ကွန်တိန်နာဒြပ်စင် ( <div> ကဲ့သို့) ကို ထည့်ပါ -
ဥပမာ
<div style="overflow-x:auto;">
<table>
... table content ...
</table>
</div>
မှတ်ချက်- OS X Lion (Mac) တွင်၊ scrollbars များကို ပုံသေအားဖြင့် ဝှက်ထားပြီး အသုံးပြုသည့်အခါမှသာ ပြသည် ("overflow:scroll" ကို သတ်မှတ်ထားသော်လည်း)။
နောက်ထပ် ဥပမာများ
ဤဥပမာသည် ဖန်စီစားပွဲတစ်ခုဖန်တီးပုံကို သရုပ်ပြသည်။
ဤဥပမာသည် ဇယားစာတန်းကို မည်ကဲ့သို့ နေရာချရမည်ကို သရုပ်ပြသည်။
CSS Table Properties
Property | Description |
---|---|
border | Sets all the border properties in one declaration |
border-collapse | Specifies whether or not table borders should be collapsed |
border-spacing | Specifies the distance between the borders of adjacent cells |
caption-side | Specifies the placement of a table caption |
empty-cells | Specifies whether or not to display borders and background on empty cells in a table |
table-layout | Sets the layout algorithm to be used for a table |