                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

老师，css图片居中用text-align:center无效啊

img标签水平居中应该怎么写呢用text-align:center无效啊

零点零零一

2015-12-06

源自：初识HTML(5)+CSS(3)-升级版 15-1

关注问题我要回答

14069

操作

收起

6 回答

木子舟义回答被采纳 +3 积分
2015-12-06

<!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://img1.sycdn.imooc.com//52da54ed0001ecfa04120172.jpg" /></div>

</body>

</html>

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

#1

零点零零一提问者

好的谢谢了刚才还是没理解现在懂了

2015-12-06 回复有任何疑惑可以回复我~

超超哥哥爱学习
2018-08-13

asd

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

张帅哥
2015-12-19

有效，刚开始我也以为无效，后来发现 div 和后面的 .imgcenter 中间没有空格，不能有空格哦。。。。。哈哈哈哈哈（手贱是有坏处的）

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

缪小苗
2015-12-14

你全屏就可以看到了。代码右侧效果预览区域右上角有个全屏，你点一下就看到效果了

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

echo_kinchao
2015-12-07

就是对行内元素用这个是不是你给他们设置了块级？

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

木子舟义
2015-12-06

给父容器设置这个属性和值。

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

#1

零点零零一提问者

事实证明无效啊好像img标签和一般的行内元素不一样？

2015-12-06 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

参与学习 1226056 人
解答问题 18236 个

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

本课相似问答

4 回答text-align:center居中问题

4 回答text-align:center; 不起作用啊

6 回答为什么text-align:center不能居中了

9 回答text-align:center; /*设置文本居中显示*/并没有啊

10 回答text-align:center;

搜索更多本课相关问答

老师，css图片居中用text-align:center无效啊

我要回答关注问题

意见反馈帮助中心 APP下载