HTML整个网页的内容如何居中_随笔

先将整个网页整体定义一个div，如果是用table做的，就先定义table，然后设定好这个div或者table的宽，一般都是1003或者980、960等，接着最关键的，定义body的样式如下：<body align="center">将body内的内容居中，把刚才定义的那个网页整体的div或者table样式设定如下<div align="left" width="980">将div宽度设定好，又将其里面的内容左对齐，这样就可以达到网页居中的效果了。看不懂？给你贴个具体样式吧。

content

</div>

</body>

content就是网页的具体内容。980只是一个数值，表示网页的宽度，可以自己设。

1、在html编辑器中，新建一个html文件，例如：index.html。

2、在index.html中的body标签中，填入html代码：

<div style="position: absolutetop: 50%left: 50%height: 10%width: 30%margin: -5% 0 0 -15%">123asfafada</div>

3、最后，浏览器运行index.html，此时html中的文字被成功垂直水平居中显示。

可以用“text-align”属性控制du文字的位置，“center”属性值让文字居中显示。

1、新建html文档，在body标签中添加一个div标签，在div标签中添加p标签，这时文字将会在div标签中靠左显示：

2、为div标签设置“text-align”属性，属性值为“center”，这时文本将会居中显示：

3、想让文本靠右显示，可以为“text-align”属性设置“right”属性值，这时文本将会靠右显示：

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/7392522.html

HTML整个网页的内容如何居中

发表评论

评论列表（0条）