第一种:css行内元素水平居中:
语法:div{text-align:center} /*DIV内的行内元素均会水平居中*/
简单解释:为父元素设置中text-align:center样式。
行内元素水平居中
详细解释:
1、文字在这里 让“文字”这两个字相对于label水平居中是毫无意义的,label是行内元素,他的宽度等于内容的宽度,也就是说“文字”这两个字,永远是水平居中的。
2、
此时,让“文字”这两个字水平居中便有了意义,因为p是块级元素,他的宽度独占一行,而文字只占两个字符宽度,此时给p元素设置text-align:center;那么“文字”这两个字便在一行内水平居中了。
3、
,此时该如何让label元素相对于div水平居中。
看完了css行内元素水平居中,我们接下来说一说css块级元素的水平居中,css块级元素水平居中又分为定宽块级元素水平居中和不定宽块级元素水平居中,下面我们分别来看一下。
第二种:css定宽块级元素水平居中:既是块级元素又是固定宽度的元素。
给需要水平居中的块级元素本身左右margin值设置为auto;
例如:
css不定宽块级元素水平居中:宽度不固定的块级元素
关键词: 行内元素 css怎么设置居中 块级元素 怎么让input在div中居中
网站首页 |网站简介 | 关于我们 | 广告业务 | 投稿信箱
Copyright © 2000-2020 www.sosol.com.cn All Rights Reserved.
中国网络消费网 版权所有 未经书面授权 不得复制或建立镜像
联系邮箱:920 891 263@qq.com