为何文字“图片”无法居中-慕课网

首页课程实战体系课手记专栏慕课教程

为何文字“图片”无法居中

来源：15-1 水平居中设置-行内元素

慕瓜8442026

2017-06-05 11:18

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

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

<style>

div{

border:1px solid red;

margin:20px;

}

.txtCenter{

text-align:center;

}

.imgCenter{text-align:center;}

#picture{text-align:center;}

</style>

</head>

<body>

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

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

<span id="picture">图片</span>

</body>

</html>

写回答关注

2回答

重阳孑

2017-06-05 11:33:01

已采纳

因为你的文字“图片”那个span没有任何父元素，你可以把它放到class=“imgCenter”的div里面去，它就会居中了，谢谢

0 0
慕的地9276089

2017-06-15 11:55:40

span不是标签元素，没有确切的含义。可以把span改成p标签，css那部分定义一个p就行：
p{text-align:center;}
</style>
</head>
<body>
<div class="txtCenter">我想要在父容器中水平居中显示。</div>

<div class="imgCenter"><img src="http://img.mukewang.com/52da54ed0001ecfa04120172.jpg" title="小李"/><span id="picture">图片</span></div>
<p>tupian</p>
</body>

0 0

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225294 学习 · 18230 问题

相似问题

图片居中的方法？？

回答 3

为何只能水平居中上下无法居中

回答 1

图片怎么居中，想让图片居中

回答 2

如何使div中的文字居中

回答 3

15-1如何实现图片居中？

回答 1

打开慕课网App查看更多内容