Translated text for 第55段

စီးပွားရေးစက်တန်းကို အသုံးပြုလျှင် ဟောင်းကျွန်း စက်တန်း၏ ပုံသဏ္ဍာန်ကို အများဆုံး ကောင်းတတ်စေပါသည်:

Company Contact Address City
Alibaba Ma Yun No. 699, Wangshang Road, Binjiang District Hangzhou
APPLE Tim Cook 1 Infinite Loop Cupertino, CA 95014 Cupertino
BAIDU Li YanHong Lixiang guoji dasha,No 58, beisihuanxilu Beijing
Canon Tsuneji Uchida One Canon Plaza Lake Success, NY 11042 New York
Google Larry Page 1600 Amphitheatre Parkway Mountain View, CA 94043 Mountain View
HUAWEI Ren Zhengfei Putian Huawei Base, Longgang District Shenzhen
Microsoft Bill Gates 15700 NE 39th St Redmond, WA 98052 Redmond
Nokia Olli-Pekka Kallasvuo P.O. Box 226, FIN-00045 Nokia Group Helsinki
SONY Kazuo Hirai Park Ridge, NJ 07656 Park Ridge
Tencent Ma Huateng Tencent Building, High-tech Park, Nanshan District Shenzhen

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အချက်အလက်

အချက်အလက်များ၏ အဆုံးဖြတ်သည် အဆုံးဖြတ်သည် (အဆုံးဖြတ်သည်)။ border အချက်အလက်

အောက်ပါသည်မှာ <table>、<th> နှင့် <td> အီဂီအက်စ် အသုံးပြု၍ အရေးယူနေသည်။

Firstname Lastname
Bill Gates
Steve Jobs

အခြေခံ အဆို

table, th, td {
  border: 1px solid black;
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အချက်အလက်အချက်အလက်များ၏ အဆုံးဖြတ်သည် အဆုံးဖြတ်သည် (အဆုံးဖြတ်သည်)။

အချက်အလက်များ၏ အဆုံးဖြတ်သည်

အချက်အလက်များ၏ အဆုံးဖြတ်သည် အဆုံးဖြတ်သည် (အဆုံးဖြတ်သည်)။

အခြေခံ အဆို

table {
  width: 100%;
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အချက်အလက်များ၏ အဆုံးဖြတ်သည်

အချက်အလက်များ၏ အဆုံးဖြတ်သည် အဆုံးဖြတ်သည် (အဆုံးဖြတ်သည်)။

အချက်အလက်များ၏ အဆုံးဖြတ်သည် အဆုံးဖြတ်သည် (အဆုံးဖြတ်သည်)။

အချက်အလက်များ၏ အဆုံးဖြတ်သည်

border-collapse အချက်အလက်များ၏ အဆုံးဖြတ်သည် အဆုံးဖြတ်သည် (အဆုံးဖြတ်သည်)။

Firstname Lastname
Bill Gates
Steve Jobs

အခြေခံ အဆို

table {
  border-collapse: collapse;
}
table, th, td {
  border: 1px solid black;
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အချက်အလက်များ၏ အဆုံးဖြတ်သည် အဆုံးဖြတ်သည် (အဆုံးဖြတ်သည်)။ border အချက်အလက် အော်ဂန်း

Firstname Lastname
Bill Gates
Steve Jobs

အခြေခံ အဆို

table {
  border: 1px solid black;
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အချက်အလက် အဆုံးဖြတ်သည်

အချက်အလက်များ၏ အဆုံးဖြတ်သည် အဆုံးဖြတ်သည် (အဆုံးဖြတ်သည်)။ width နှင့် height အချက်အလက်

အောက်ပါသည်မှာ အချက်အလက်များ၏ အဆုံးဖြတ်သည် အဆုံးဖြတ်သည် (အဆုံးဖြတ်သည်)။

Firstname Lastname Savings
Bill Gates $100
Steve Jobs $150
Elon Musk $300

အခြေခံ အဆို

table {
  width: 100%;
}
th {
  height: 50px;
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

ပုံမှန်သည်မှာ အချက်အလက်များ၏ အဆုံးဖြတ်သည် အဆုံးဖြတ်သည် (အဆုံးဖြတ်သည်)။

အခြေခံ အဆို

table {
  width: 50%;
}
th {
  height: 70px;
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အဆုံးဖြတ်သည်

text-align အချက်အလက်များ၏ အဆုံးဖြတ်သည် အဆုံးဖြတ်သည် (အဆုံးဖြတ်သည်)။

မြန်မာပြုအချိန်တွင် အချက်အလက်များ၏ အဆုံးဖြတ်သည် အဆုံးဖြတ်သည် (အချက်အလက်များ အားလုံးပါ)။

အောက်ပါသည်မှာ <td> အီဂီအက်စ် အသုံးပြု၍ အရေးယူနေသည်။

Firstname Lastname Savings
Bill Gates $100
Steve Jobs $150
Elon Musk $300

အခြေခံ အဆို

th {
  text-align: center;
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အောက်ပါသည်မှာ <th> အီဂီအက်စ် အသုံးပြု၍ အရေးယူနေသည်။

Firstname Lastname Savings
Bill Gates $100
Steve Jobs $150
Elon Musk $300

အခြေခံ အဆို

th {
  text-align: left;
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အဆုံးဖြတ်သည်

vertical-align အချက်အလက်များ၏ အဆုံးဖြတ်သည် အဆုံးဖြတ်သည် (အဆုံးဖြတ်သည် အဆုံးဖြတ်သည်)။

မြန်မာပြုအချိန်တွင် အချက်အလက်များ၏ အရေးယူနေသည် အဆုံးဖြတ်သည် (အချက်အလက်များ အားလုံးပါ)။

အောက်ပါသည်မှာ <td> အီဂီအက်စ် အသုံးပြု၍ အရေးယူနေသည်။

Firstname Lastname Savings
Bill Gates $100
Steve Jobs $150
Elon Musk $300

အခြေခံ အဆို

td {
  height: 50px;
  vertical-align: bottom;
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

表格内边距

如需控制边框和表格内容之间的间距，请在 和 元素上使用 padding အချက်အလက် အော်ဂန်း

Firstname Lastname Savings
Bill Gates $100
Steve Jobs $150
Elon Musk $300

အခြေခံ အဆို

th, td {
  padding: 15px;
  text-align: left;
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အဆက်အသွယ်

Firstname Lastname Savings
Bill Gates $100
Steve Jobs $150
Elon Musk $300

အချက်အလက် အော်ဂန်း ကို ပြင်းထန်သော အချက်အလက် အော်ဂန်း အတွက် အသုံးပြုရန် border-bottom အချက်အလက် အော်ဂန်း ကို အသုံးပြုရန် ကို ဖို့

အခြေခံ အဆို

th, td {
  border-bottom: 1px solid #ddd;
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အသုံးပြုနိုင် အချက်အလက် အော်ဂန်း

အသုံးပြုရန် အချက်အလက် အော်ဂန်း ပေါ်တွင် :hover

Firstname Lastname Savings
Bill Gates $100
Steve Jobs $150
Elon Musk $300

အခြေခံ အဆို

tr:hover {background-color: #f5f5f5;}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အဆက်အသွယ် အချက်အလက် အော်ဂန်း

Firstname Lastname Savings
Bill Gates $100
Steve Jobs $150
Elon Musk $300

ပြိုင်ဆိုင် အချက်အလက် အော်ဂန်း အတွက် အသုံးပြုရန် nth-child() ရှာဖွေသူ အဆိုများ အသုံးပြုရန် နှင့် အားလုံး အပေါ် အဆက်အသွယ် အော်ဂန်း ကို အသုံးပြုရန် background-color:

အခြေခံ အဆို

tr:nth-child(even) {background-color: #f2f2f2;}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အချက်အလက် အော်ဂန်း

ဤအပြုအမူက <th> အချက်အလက် အော်ဂန်း နှင့် အခြေအား အော်ဂန်း ကို သတ်မှတ်သည်

Firstname Lastname Savings
Bill Gates $100
Steve Jobs $150
Elon Musk $300

အခြေခံ အဆို

th {
  background-color: #4CAF50;
  color: white;
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

ထိုအချက်အလက် အော်ဂန်း

အချက်အလက် အော်ဂန်း အား ပြင်းထန်သော အချက်အလက် အော်ဂန်း ကို ပြသလျှင် ထိုအချက်အလက် အော်ဂန်း က လျှောက်လှောင်သည်

First Name Last Name Points Points Points Points Points Points Points Points Points Points
Bill Gates 50 50 50 50 50 50 50 50 50 50
Steve Jobs 94 94 94 94 94 94 94 94 94 94
Elon Musk 67 67 67 67 67 67 67 67 67 67

<table> အချက်အလက် အော်ဂန်း အခြား အဆိုများ အသုံးပြုရန် overflow-x:auto အချက်အလက် အော်ဂန်း အတွက် အကွက် အဆို (ဥပမာ <div>) ကို အသုံးပြုရန် ကို ဖို့ အသုံးပြုရန်

အခြေခံ အဆို

<div style="overflow-x:auto;">
<table>
... table content ...
</table>
</div>

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

ဖော်ပြချက်OS X Lion တွင် (Mac ပေါ်) တွင် လျှောက်လှောင်သည် အခြား မဟုတ် အသုံးပြုသောအခါ သာ ပြသကြောင်း ("overflow:scroll" ကို သတ်မှတ်ခဲ့သော်လည်း)

အချက်အလက် အပြုအမူ အများပြား

ဖန်တီးခြင်း အချက်အလက် အော်ဂန်း
ဤအပြုအမူက အချက်အလက် အော်ဂန်း ကို ဖန်တီးရန် ပြောကြားသည်。
အချက်အလက် အော်ဂန်း နေရာကို သတ်မှတ်ရန်
ဤအပြုအမူက အချက်အလက် အော်ဂန်း ကို တည်ဆောက်ရန် ပြောကြားသည်。

CSS အချက်အလက် အော်ဂန်း

ရှိခြင်း ဖော်ပြ
border 简写属性。在一条声明中设置所有边框属性。
border-collapse 规定是否应折叠表格边框。
border-spacing 规定相邻单元格之间的边框的距离。
caption-side 规定表格标题的位置。
empty-cells 规定是否在表格中的空白单元格上显示边框和背景。
table-layout 设置用于表格的布局算法。