首页html中display: inline-block;

html中display: inline-block;

时间: 2024-06-05 15:08:56 浏览: 170

display:inline的用法

<div> DIV1 </div> <div> DIV2 </div> 这里DIV1和DIV2分别占一行，但是你给他们加上属性后变了 <div xss=removed> DIV1 </div> <div xss=removed> DIV2 </div> DIV1和DIV2这时候显示在同一行了，试试看吧和 display:inline 对应的是 display:block，block 会让应用了该 CSS 属性的 HTML 标记变成块级别元素，例如 SPAN 是行内显示的，但是你加了 display:block 属性就不一样了 <span

在 HTML 中，`display: inline-block` 是一种 CSS 属性值，用于将元素呈现为内联块级元素。它可以使元素在同一行内显示，同时具有块级元素的特性，如能够设置宽高和内外边距等。与 `display: inline` 不同的是，`display: inline-block` 允许元素设置宽高和内外边距，而 `display: inline` 不支持这些属性。与 `display: block` 不同的是，`display: inline-block` 可以使元素在同一行内显示，而 `display: block` 会让元素独占一行。`display: inline-block` 可以用于创建水平排列的元素，比如按钮、图像、输入框等。

阅读全文