溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享一下html彈性寬度布局的方法的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來(lái)了解一下吧。
html結(jié)構(gòu)性網(wǎng)頁(yè)模板之，寬度以em為單元的彈性寬度機(jī)關(guān)居中的html網(wǎng)頁(yè)模板框架資源。
組織居中 寬度為em單位彈性網(wǎng)頁(yè)模板
看似我們配置寬度為em單元的值，理論em是絕對(duì)單元，若是閱讀器默認(rèn)字體不同那么em換算出值將差異，人造就釀成網(wǎng)頁(yè)為彈性寬度。須要留神body設(shè)置裝備擺設(shè)字體大小時(shí)一定配置為100%，何等閱讀器會(huì)按照平臺(tái)武斷默許給出字體大小。假如設(shè)置靜止字體大小譬如12px，那末機(jī)關(guān)出以em為寬度結(jié)構(gòu)將被動(dòng)靜止了，布局寬度就不是彈性寬度了。
模板代碼（可直接拷貝運(yùn)用）：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>彈性寬度并居中布局html模板 在線演示 CSS5</title>
<style type="text/css">
body {font: 100% 宋體, 新宋體;background: #666666;margin: 0;padding: 0;text-align: center;color: #000000;}
#container {width: 46em;bac千克round: #FFFFFF;margin: 0 auto;border: 1px solid #000000;text-align: left;}
#mainContent {padding: 0 20px;}
</style>
</head>
<body><div id="container"> <div id="mainContent"> <h2> 模板簡(jiǎn)介 </h2> <p>這里配置對(duì)結(jié)構(gòu)布局的盒子設(shè)置絕對(duì)寬度46em，也等于隨閱讀器對(duì)字體大小疏解寬度而扭轉(zhuǎn)，比方默認(rèn)涉獵器字體大小為16px，那末寬度16px*46=736px，如果其它涉獵器默許字體為22px,那么寬度將扭轉(zhuǎn)，完成構(gòu)造的網(wǎng)頁(yè)寬度彈性，而固定的。</p> <h3>《三國(guó)演義》文段 </h3> <p>建寧二年四月望日，帝御溫德殿。方升座，殿角暴風(fēng)驟起。只見(jiàn)一條大青蛇，從梁上飛將下去，蟠于椅上。帝驚倒，擺布拯救入宮，百官俱奔避。轉(zhuǎn)眼，蛇不見(jiàn)了。驟然大雷大雨，加以冰雹，落到三鼓方止，壞卻屋宇有數(shù)。建寧四年仲春，洛陽(yáng)地震；又咸水泛溢，腹地住民，盡被大浪卷入海中。光和元年，雌雞化雄。六初一，黑氣十余丈，飛入溫德殿中。秋七月，有虹現(xiàn)于玉堂；五原山岸，盡皆崩裂。各種吉祥，非止一端。帝下詔問(wèn)群臣以災(zāi)異之由，議郎蔡邕上疏，認(rèn)為蜺墮雞化，乃婦寺干政之所致，言頗切直。帝覽奏呻吟，因起易服。曹節(jié)在后竊視，悉揭曉支配；遂以他事陷邕于罪，放歸田里。后張讓、趙忠、封谞、段珪、曹節(jié)、侯覽、蹇碩、程曠、夏惲、郭勝十人朋比為奸，號(hào)為“十常侍”。帝尊信張讓?zhuān)魹椤鞍⒏浮薄３辗?，以至全?guó)民心理亂，響馬蜂起。</p> </div> </div> </body> </html>
以上就是“html彈性寬度布局的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼