首页 / 知识
弹性宽度布局居中的html网页模板资源
2023-04-11 15:36:00
html结构性网页模板之，宽度以em为单元的弹性宽度机关居中的html网页模板框架资源。
看似我们配置宽度为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"> <h1> 模板简介 </h1> <p>这里配置对结构布局的盒子设置绝对宽度46em，也等于随阅读器对字体大小疏解宽度而扭转，比方默认涉猎器字体大小为16px，那末宽度16px*46=736px，如果其它涉猎器默许字体为22px,那么宽度将扭转，完成构造的网页宽度弹性，而固定的。</p> <h2>《三国演义》文段 </h2> <p>建宁二年四月望日，帝御温德殿。方升座，殿角暴风骤起。只见一条大青蛇，从梁上飞将下去，蟠于椅上。帝惊倒，摆布拯救入宫，百官俱奔避。转眼，蛇不见了。骤然大雷大雨，加以冰雹，落到三鼓方止，坏却屋宇有数。建宁四年仲春，洛阳地震；又咸水泛溢，腹地住民，尽被大浪卷入海中。光和元年，雌鸡化雄。六初一，黑气十余丈，飞入温德殿中。秋七月，有虹现于玉堂；五原山岸，尽皆崩裂。各种吉祥，非止一端。帝下诏问群臣以灾异之由，议郎蔡邕上疏，认为蜺堕鸡化，乃妇寺干政之所致，言颇切直。帝览奏呻吟，因起易服。曹节在后窃视，悉揭晓支配；遂以他事陷邕于罪，放归田里。后张让、赵忠、封谞、段珪、曹节、侯览、蹇硕、程旷、夏恽、郭胜十人朋比为奸，号为“十常侍”。帝尊信张让，呼为“阿父”。朝政日非，以至全国民心理乱，响马蜂起。</p> </div> </div> </body> </html> |
最新内容
相关内容
python如何调用另一个文件夹中的内
python如何调用另一个文件夹中的内容?，系统，培训，文件，模块，内容，路径，函数，所在，前缀，语句，python中调用另外一个文件夹中的内容：1、同一文件
Python怎么取出列表中的相邻元素?
Python怎么取出列表中的相邻元素?，代码，异常，培训，元素，指针，序列，对象，表示，语句，函数，1、python的迭代器。iter()能把一个序列生成为一个和
Python如何复制文件中的内容
Python如何复制文件中的内容，盘中，数据，培训，文件，内容，方法，文件夹，路径，源文件，文件名，python复制文件中内容的方法：1、使用shutil.copyfile
python中的open函数如何编码?
python中的open函数如何编码?，数据，系统，可取，培训，文件，参数，函数，时候，表示，模式，python中的open函数可以通过在打开文件时添加encoding参
python中的sum函数怎么用?
python中的sum函数怎么用?，培训，函数，总和，参数，列表，示例，语法，对象，以上，结果，python中的sum()函数用来进行求和计算，函数语法为：sum(iterabl
python中的int是什么意思?
python中的int是什么意思?，数字，数据，培训，字符串，参数，语法，实例，以下，方法，函数，python中的int()函数用于将一个字符串或数字转换为整型。
python如何去除数组中的指定元素
python如何去除数组中的指定元素，培训，元素，函数，除数，序列，参数，示例，语法，以上，条件，python中可以使用filter()函数来删除数组中指定元素。
怎么判断Python数字中的偶数
怎么判断Python数字中的偶数，数字，代码，培训，偶数，奇数，以上，语句，结果，更多，内容，python中可以使用“if(num%2)==0”语句判断一个数字是否为
python中的对数怎么写
python中的对数怎么写，基础，培训，对数，方法，语法，函数，例子，以下，自然，表达式，这篇文章主要介绍了Python中用于计算对数的log()方法,是Python
如何查看python中的错误
如何查看python中的错误，代码，平台，培训，错误，空格，变量，赋值，制表符，属性，大小写，python常见的错误有1.NameError变量名错误2.IndentationEr
python中的变量怎么设置
python中的变量怎么设置，数据，变量，信息，名称，培训，赋值，内存，等号，数据类型，浮点，python中变量设置方法：变量存储在内存中的值。这就意味着在
pythoneval在python中的意思是什么
pythoneval在python中的意思是什么，数据，培训，简介，字符串，表达式，函数，类型，字典，意思，变量，eval在python中的意思：1、eval函数的简介和语法：e