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

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

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

正在回答

6 回答

<!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 回复 有任何疑惑可以回复我~

asd

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

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

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

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

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

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

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

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

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

零点零零一 提问者

事实证明无效啊 好像img标签和一般的行内元素不一样?
2015-12-06 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

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