没有设置宽度的盒子怎么显示大小呢?

** 没有设置宽度的盒子怎么显示大小呢?**

  • 在开发中,某些到导航栏的大小会跟随内容大小随之改变不同的大小, 这个时候就需要给到padding(内行距)值来撑开盒子,
    从而显示完整的和模型,
    下面展示一些 内联代码片
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    .detail_tab_list li {
     
     
   float: left;
    height: 39px;
    line-height: 39px;
    padding: 0 40px;
    list-style: none;
    text-align: center;
    cursor: pointer;
    background-color: #ccc;
}
    </style>
</head>
<body>
    <ul class="detail_tab_list">
        <li>123</li>
    </ul>
</body>
</html>```

猜你喜欢

转载自blog.csdn.net/llt299022/article/details/110406338