问答详情
源自：15-1 水平居中设置-行内元素

为什么在文本前面设置span没有反应？

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>定宽块状元素水平居中</title>

<style>

div{

    border:1px solid red;

    margin:20px;

}

span{

text-align:center;

}

.imgCenter{text-align:center;}


</style>

</head>


<body>

<div class="txtCenter"><span>我想要在父容器中水平居中显示。</span></div>


<!--下面是任务部分-->


<div class="imgCenter"><img src="http://img.mukewang.com/52da54ed0001ecfa04120172.jpg" /></div>

</body>

</html>


提问者：卡兰尼克 2016-09-15 22:42

个回答

  • 小杨羊
    2016-09-25 17:22:35

    水平居中是通过给父元素设置 text-align:center 来实现的。在你的代码中span的父元素是div，所以要样式text-align:center;写在父元素div中。

    0
  • 卡兰尼克
    2016-09-18 21:23:25

    是不是只有块状元素才能使用text-align:center 进行对行内元素的居中设置

    0
  • eiixy
    2016-09-15 22:53:07

    把text-align:center; 加到div的样式里面，span标签没有宽度 所以不能居中

    0