5ucms插件,css布局中的居中问题_无忧仿站培训学院,站群模板制作培训,无忧站长学院,5ucms站长学院Q3876307

·加入收藏 ·帮助手册 ·5ucms论坛

邮件订阅

无忧仿站培训学院 > 网页制作基础 > CSS样式表 > 正文

5ucms插件,css布局中的居中问题

作者：来源：日期：2015/11/16 16:36:26 浏览量：212(滞后) 人气：LOADING...(实时) 【大中小】

如何使DIV居中

主要的样式定义如下：

<html>
<head>
<style>
body{TEXT-ALIGN: center;}
#center{ MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
height:200px;
background:#F00;
width:400px;
vertical-align:middle;
line-height:200px;
}
</style>
</head>
<body>
<div id="center"><p>test content</p></div>
</body>
</html>

说明：

vertical-align:middle;表示行内垂直居中，我们将行距增加到和整个DIV一样高line-height:200px;然后插入文字，就垂直居中了。

欢迎您访问www.5ucms.org

本站推荐： 5ucms模板下载 5ucms插件下载 仿站联系Q3876307 [复制给好友] [打印] [关闭] [返回] [顶部]

0 很有用	上一篇：5ucms培训,表格对决CSS--一场生死之战下一篇：5ucms插件,学习CSS的10大理由

本站声明：本网站所载文章等内容，目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题，请在30日内与本网联系（Email：3876307#qq.com），我们将在第一时间删除内容。若原创内容转载请注明出处。 5ucms插件,css布局中的居中问题的关键词:

评论信息