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

为什么灰色区域不是只覆盖文字,而是占一行?

http://img1.sycdn.imooc.com//5ab1ab7c0001f60009780227.jpg给table加边框的效果是这样的,为什么背景色灰色要占一行显示?

正在回答

3 回答

兄弟你好像只把DIV里面的内容居中和显示出来了


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

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>不定宽块状元素水平居中</title>

<style>

table{

    margin:0 auto;

}


/*下面是任务区代码*/

.wrap{

    background:#ccc;

}

</style>

</head>


<body>

<div>

<table>

  <tbody>

    <tr><td>

<ul>

    <li>我是第一行文本</li>

        <li>我是第二行文本</li>

        <li>我是第三行文本</li>

    </ul>

    </td></tr>

  </tbody>

</table>

</div>

<table>

    <tbody>

        <tr><td>

<div class="wrap">

  设置我所在的div容器水平居中  

</div>

</td></tr>

    </tbody>

        </table>

</body>

</html>


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

慕瓜8281032

<table></table> <tbody></tbody> <tr><td></tr></td> 是不是把这些元素写在,<div></div>外面灰色区域只覆盖文字,写在<div></div>里面就是占一行?
2018-04-26 回复 有任何疑惑可以回复我~
#2

慕盖茨9358327 回复 慕瓜8281032

列表的内容确定了长度,所以列表是定宽块元素,里边的div不定宽是100%占据父元素(列表)所以背景颜色只有列表内容的长度。 列表写在div里那div的父元素就是body(一整行)。
2018-05-02 回复 有任何疑惑可以回复我~

块状元素,宽度默认100%

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

举报

0/150
提交
取消

为什么灰色区域不是只覆盖文字,而是占一行?

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