浅析css html span 块状不换行难题

2021-01-20 09:09 jianzhan
span标识的款式设置width特性,会发现不容易造成实际效果。

假如设定display:block,width特性起效,可是此时的span跟div1样了。
假如设定display:inline-block,则span并列在同行业,并且width特性起效。

元素display特性的普遍值表明:

block:块目标的默认设置值。将目标强制性做为块目标呈递,为目标以后加上新行。
inline:内联目标的默认设置值。将目标强制性做为内联目标呈递,从目标中删掉行。
inline-block:将目标呈递为内联目标,可是目标的內容做为块目标呈递。周围的内联目标会被呈递在同1行内。
non:掩藏目标。与 visibility 特性的hidden值不一样,其不为被掩藏的目标保存其物理学室内空间。

比如:

拷贝编码
编码以下:

<span style="display:inline-block">这是检测</span>