ဘယ်လို သုံးပြီး သုံးလုံး ပြင်ဆင်
CSS ကို သုံးပြီး သုံးလုံး ပြင်ဆင် လောက်အုပ် ကို အသုံးပြုရမည်
သုံးလုံး ပြင်ဆင် ရိုက်တိုက်လို့ ဘယ်လို
ပထမပုံ - HTML ထပ်ပေါင်း
<div class="row"> <div class="column"></div> <div class="column"></div> <div class="column"></div> </div>
ဒုတိယပုံ - CSS ထပ်ပေါင်း
ဤ ဌာန တွင်,ကျွန်တော် သည် သုံးခုအကြီးအကျယ်လောက်
ဌာန
.column { float: left; width: 33.33%; } /* လောက် နောက်ကို တက်ခြင်း ဖျက်သိမ်း */ .row:after { content: ""; display: table; clear: both; }
ဤ ဌာန တွင်,ကျွန်တော် သည် သုံးခုအကြီးအကျယ် မတူလောက်
ဌာန
.column { float: left; } .left, .right { width: 25%; } .middle { width: 50%; }
ဤ ဌာန တွင်,ကျွန်တော် သည် တစ်ခုအစိတ်ခုံ ထိန်းချုပ်သုံးလုံး ပြင်ဆင်
ဌာန
/* အစိတ်ခုံ အားလုံး - အစိတ်ခုံ အကြီးအကျယ် 600px ထက် နည်းနည်း ဖြစ်ပါက သုံးလုံး ကို စီးနီး တန်ဆာသွားသည် သို့မဟုတ် အပြင်းအဖျက် ဖြစ်ပါ*/ @media screen and (max-width: 600px) { .column { width: 100%; } }
相关页面
教程:CSS 网站布局
教程:CSS 响应式网页设计