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

为什么这个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 回答

inline是内联元素。 宽高不可改变 他的宽高和高度只受本身的元素影响  你设成inline 当然看不出 text-align:center; 的变化    本身就只有这么宽你再 居中不还是一样 你设置成inline_block  块状元素 看看 

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

用table标签

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

举报

0/150
提交
取消
初识HTML(5)+CSS(3)
  • 参与学习       1231240    人
  • 解答问题       19086    个

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

进入课程

为什么这个inline的方法没什么效果

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号