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

inline并没有什么效果?

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>不定宽块状元素水平居中</title>
<style>
table{
        border:1px solid;
    margin:0 auto;
    margin:0 auto;
}

/*下面是任务区代码*/
.wrap{
    display:inline;
    background:#ccc;
    text-align:center;
}
</style>
</head>

<body>
<div>
<table>
  <tbody>
    <tr><td>
 <ul>
     <li>我是第一行文本</li>
        <li>我是第二行文本</li>
        <li>我是第三行文本</li>
    </ul>
    </td></tr>
  </tbody>
</table>
</div>

<div class="wrap">
  设置我所在的div容器水平居中 
</div>
</body>
</html>


正在回答

2 回答

设一个body{text-align:center;}就可以了,display:inline;的意思是将这个块级元素转为内联元素,内联元素本身是不具备居中属性的,需要在其父级(此处其父级是body)设置属性text-align:center;

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

慕先生5537848 提问者

非常感谢!
2017-06-28 回复 有任何疑惑可以回复我~

楼上说法不同意,直接在body里设置  会改变整体文本布局;

display:inline-block      转化为这个  可以随心所欲布局

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

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1226301    人
  • 解答问题       18239    个

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

进入课程

inline并没有什么效果?

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