老师，css图片居中用text-align:center无效啊
来源：15-1 水平居中设置-行内元素
零点零零一
2015-12-06 10:06
img标签水平居中应该怎么写呢 用text-align:center无效啊
写回答
关注
6回答
-
- 木子舟义
- 2015-12-06 10:47:51
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>定宽块状元素水平居中</title>
<style>
div{
border:1px solid red;
margin:20px;
text-align:center;
}
</style>
</head>
<body>
<div class="txtCenter">我是文本，我想要在父容器中水平居中显示。</div>
<div class="imgCenter"><img src="http://img.mukewang.com/52da54ed0001ecfa04120172.jpg" /></div>
</body>
</html>
-
- 超超哥哥爱学习
- 2018-08-13 17:01:38
asd
-
- 张帅哥
- 2015-12-19 13:50:08
有效，刚开始我也以为无效，后来发现 div 和 后面的 .imgcenter 中间没有空格 ，不能有空格哦。。。。。哈哈哈哈哈（手贱是有坏处的）
-
- 缪小苗
- 2015-12-14 11:57:45
你全屏就可以看到了。代码右侧效果预览区域右上角有个全屏，你点一下就看到效果了
-
- echo_kinchao
- 2015-12-07 11:40:04
就是对行内元素用这个 是不是你给他们设置了块级？
-
- 木子舟义
- 2015-12-06 10:24:31
给父容器设置这个属性和值。
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225807 学习 · 18234 问题
相似问题