为了账号安全,请及时绑定邮箱和手机立即绑定

水平居中总结-不定宽块状元素方法(二),为什么实现出来不一致?

58382c03000114e905000496.jpg

58382c0400015bf105000048.jpg

按照课程讲的,居中为什么没达到效果?错在哪?谢谢指点!

正在回答

2 回答

<!DOCTYPE HTML>

<html>

<head>

<meta  charset="utf-8">

<title>隐性改变display类型</title>

<style>

.mid p{

   text-align:center;

}


</style>

</head>


<body>

<div class="mid">

    <p>我要居中<p>

</div>

</body>

</html>


0 回复 有任何疑惑可以回复我~
#1

30岁努力转行 提问者

能说说为什么吗?
2016-11-29 回复 有任何疑惑可以回复我~
#2

NMS丶No33122117 回复 30岁努力转行 提问者

加了<p>标签,text-align:center;对行内元素起作用,<p>本来具备inline的属性。
2016-12-03 回复 有任何疑惑可以回复我~

我也遇到了和你一样的问题,我想把整个div块居中,代码和你一样,但div还是顶着左边,后来研究了下,text-align只能作用于整个容器内部,注意是容器内部元素,后来我是这么解决的,在外面再套一个div。

<div class=“a”>

    <div class=“b”>

            我要居中

    <div>

</div>



0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

水平居中总结-不定宽块状元素方法(二),为什么实现出来不一致?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信