4.行内块标签

最新推荐文章于 2025-04-25 19:16:38 发布

小鹿在进步

最新推荐文章于 2025-04-25 19:16:38 发布

阅读量271

点赞数 6

分类专栏： HTML&CSS 文章标签：前端 html css

本文链接：https://blog.youkuaiyun.com/FFpass/article/details/142367595

版权

HTML&CSS 专栏收录该内容

18 篇文章

订阅专栏

行内块标签的默认属性： display: inline-block 行内块的意思。

用于布局页面细节、小的区块，例如：图标、输入框、按钮。

行内块标签：可以在同一行显示，也可以直接设置宽度或者高度。

行内块标签因为这个inline-block的原因通常会伴随着文本空白的出现（元素周围间隙|间距）

可以给行内块元素嵌套一个标签，并且给这个标签设置font-size为0。

<title>行内块元素</title>
    <style>
        body {
            margin: 0;
        }
         button {
            width: 150px;
            height: 40px;
         }
         div {
            font-size: 0;
         }
    </style>
</head>
<body>
     <div>
        <button>helloworld</button>
        <button>helloworld</button>
     </div>