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

行内元素居中text-align:center的问题

行内元素居中text-align:center的问题

幻灭丶 2016-05-08 23:09:21
不多说代码如下<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>     <title></title>     <style type="text/css">         .warp         {             width: 960px;             height: 800px;             background: yellow;             text-align: center;         }                     .warp img             {                 text-align: center;             }     </style> </head> <body>     <div class="warp">         <img src="images/music.png" />     </div> </body> </html>正常说我把img 设为text-align:center图片会居中。可是我通过后代选择器写入后并没有居中。然后我把warp设置了一下text-align,图片居中了请问一下为什么,不是图片居中吗为什么要设给父元素
查看完整描述

5 回答

?
qq_青枣工作室_0

TA贡献446条经验 获得超754个赞

text-align是调整元素内部的内容对齐方式。所以,你要在父元素设置text-align来调整其内部的文字、图片对齐方式。

查看完整回答
2 反对 回复 2016-05-08
?
慕粉_yangyang

TA贡献2条经验 获得超1个赞

text-align是针对元素标签的子级的,想要图片居中是应该給父级加的

查看完整回答
1 反对 回复 2016-05-09
?
心中有你。

TA贡献1条经验 获得超0个赞

你把img的text-align去掉看看

查看完整回答
反对 回复 2016-05-08
  • 5 回答
  • 0 关注
  • 3775 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信