溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享一下html彈性寬度布局的方法的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
html結構性網頁模板之，寬度以em為單元的彈性寬度機關居中的html網頁模板框架資源。
組織居中 寬度為em單位彈性網頁模板
看似我們配置寬度為em單元的值，理論em是絕對單元，若是閱讀器默認字體不同那么em換算出值將差異，人造就釀成網頁為彈性寬度。須要留神body設置裝備擺設字體大小時一定配置為100%，何等閱讀器會按照平臺武斷默許給出字體大小。假如設置靜止字體大小譬如12px，那末機關出以em為寬度結構將被動靜止了，布局寬度就不是彈性寬度了。
模板代碼（可直接拷貝運用）：
<!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> 模板簡介 </h2> <p>這里配置對結構布局的盒子設置絕對寬度46em，也等于隨閱讀器對字體大小疏解寬度而扭轉，比方默認涉獵器字體大小為16px，那末寬度16px*46=736px，如果其它涉獵器默許字體為22px,那么寬度將扭轉，完成構造的網頁寬度彈性，而固定的。</p> <h3>《三國演義》文段 </h3> <p>建寧二年四月望日，帝御溫德殿。方升座，殿角暴風驟起。只見一條大青蛇，從梁上飛將下去，蟠于椅上。帝驚倒，擺布拯救入宮，百官俱奔避。轉眼，蛇不見了。驟然大雷大雨，加以冰雹，落到三鼓方止，壞卻屋宇有數。建寧四年仲春，洛陽地震；又咸水泛溢，腹地住民，盡被大浪卷入海中。光和元年，雌雞化雄。六初一，黑氣十余丈，飛入溫德殿中。秋七月，有虹現于玉堂；五原山岸，盡皆崩裂。各種吉祥，非止一端。帝下詔問群臣以災異之由，議郎蔡邕上疏，認為蜺墮雞化，乃婦寺干政之所致，言頗切直。帝覽奏呻吟，因起易服。曹節在后竊視，悉揭曉支配；遂以他事陷邕于罪，放歸田里。后張讓、趙忠、封谞、段珪、曹節、侯覽、蹇碩、程曠、夏惲、郭勝十人朋比為奸，號為“十常侍”。帝尊信張讓，呼為“阿父”。朝政日非，以至全國民心理亂，響馬蜂起。</p> </div> </div> </body> </html>
以上就是“html彈性寬度布局的方法”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
