<span>与<div style="display:inline-block">效果完全一样?_百度知 ...

发布网友发布时间：2024-05-15 12:09

共3个回答

热心网友时间：2024-05-29 02:08

span标签的display属性默认为inline，即行内元素，它的前后如果也是行内元素，那么它们会在同一行显示，同时行内元素没有width、height、margin等属性
inline-block则是“行内块级元素”，它具有行内元素的特征（即不会自动换行），与此同时它也能自由设置长宽、外边距等块级元素才有的特性
多数情况下inline和inline-block在效果上看起来是差不多的（但不能说完全一样）
div默认情况下是block，即块级元素（它会独占一行），如非必要，请最好不要把它强行改为inline或inline-block来使用。同理，span也不要强行改为block。因为这样做会降低代码的可读性，也不利于代码的维护。

热心网友时间：2024-05-29 02:09

Vue实践-CSS样式position/display/float属性对比使用

热心网友时间：2024-05-29 02:13

一样。但是标签还是规范使用好，便于阅读和维护

&lt;span&gt;与&lt;div style="display:inline-block"&gt;效果完全一样?_百度知 ...

<span>与<div style="display:inline-block">效果完全一样?_百度知 ...