html彈性寬度布局的方法

今天小編給大家分享一下html彈性寬度布局的方法的相關知識點，內(nèi)容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

成都創(chuàng)新互聯(lián)公司2013年開創(chuàng)至今，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務公司，擁有項目做網(wǎng)站、成都網(wǎng)站制作網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元聶榮做網(wǎng)站,已為上家服務,為聶榮各地企業(yè)和個人服務,聯(lián)系電話:028-86922220

html結(jié)構(gòu)性網(wǎng)頁模板之，寬度以em為單元的彈性寬度機關居中的html網(wǎng)頁模板框架資源。

html彈性寬度布局的方法
組織居中寬度為em單位彈性網(wǎng)頁模板

看似我們配置寬度為em單元的值，理論em是絕對單元，若是閱讀器默認字體不同那么em換算出值將差異，人造就釀成網(wǎng)頁為彈性寬度。須要留神body設置裝備擺設字體大小時一定配置為100%，何等閱讀器會按照平臺武斷默許給出字體大小。假如設置靜止字體大小譬如12px，那末機關出以em為寬度結(jié)構(gòu)將被動靜止了，布局寬度就不是彈性寬度了。

模板代碼（可直接拷貝運用）：

<!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>這里配置對結(jié)構(gòu)布局的盒子設置絕對寬度46em，也等于隨閱讀器對字體大小疏解寬度而扭轉(zhuǎn)，比方默認涉獵器字體大小為16px，那末寬度16px*46=736px，如果其它涉獵器默許字體為22px,那么寬度將扭轉(zhuǎn)，完成構(gòu)造的網(wǎng)頁寬度彈性，而固定的。</p> <h3>《三國演義》文段 </h3> <p>建寧二年四月望日，帝御溫德殿。方升座，殿角暴風驟起。只見一條大青蛇，從梁上飛將下去，蟠于椅上。帝驚倒，擺布拯救入宮，百官俱奔避。轉(zhuǎn)眼，蛇不見了。驟然大雷大雨，加以冰雹，落到三鼓方止，壞卻屋宇有數(shù)。建寧四年仲春，洛陽地震；又咸水泛溢，腹地住民，盡被大浪卷入海中。光和元年，雌雞化雄。六初一，黑氣十余丈，飛入溫德殿中。秋七月，有虹現(xiàn)于玉堂；五原山岸，盡皆崩裂。各種吉祥，非止一端。帝下詔問群臣以災異之由，議郎蔡邕上疏，認為蜺墮雞化，乃婦寺干政之所致，言頗切直。帝覽奏呻吟，因起易服。曹節(jié)在后竊視，悉揭曉支配；遂以他事陷邕于罪，放歸田里。后張讓、趙忠、封谞、段珪、曹節(jié)、侯覽、蹇碩、程曠、夏惲、郭勝十人朋比為奸，號為“十常侍”。帝尊信張讓，呼為“阿父”。朝政日非，以至全國民心理亂，響馬蜂起。</p> </div> </div> </body> </html>

以上就是“html彈性寬度布局的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

本文題目：html彈性寬度布局的方法
新聞來源：http://muchs.cn/article44/ghjiee.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、、云服務器、搜索引擎優(yōu)化、外貿(mào)建站、Google

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容