CSS设置行内元素和块级元素水平居中

最新推荐文章于 2023-10-06 20:53:52 发布

置顶周达

最新推荐文章于 2023-10-06 20:53:52 发布

阅读量1.2k

点赞数

分类专栏： css 文章标签： css 水平居中行内元素块级元素

本文链接：https://blog.csdn.net/gis_zhouda/article/details/104472314

版权

5 篇文章 0 订阅

订阅专栏

默认的行内元素包括：a( 锚点) ,span(定义文本内区块) img(图片) input(输入框) select(项目选择) strong(粗体强调) label(标签) cite (引用)code(计算机代码)等。

默认的块级元素包括：div ul(无序列表) ol(有序列表) dl(定义列表) table(表格)form(表单) h1 (一级标题))p(段落)pre(预格式化)等。

行内元素和块级元素可以通过设置display属性相互转换，display:block表示按块级元素显示，display:inline表示按行内元素显示。

行内元素的水平居中可以在其父元素中设置text-align:center,以label为例，如下

<html>
<body>
<div style="text-align:center">
<label>label 水平居中 </label>
</div>
</body>
</html>

块级元素的水平居中可以设置margin:0 auto,但是要设置width属性，以div为例，如下

<html>
<body>
<div style="width:100px;margin:0 auto;">div 水平居中
</div>
</body>
</html>

关注