html基础知识3-块级与⾏内元素之间的转换块级元素与⾏内元素之间的转换其实都是通过CSS设置的;
1.块级元素转为⾏内元素
⽐如说我把div元素转为⾏内元素:
<div ></div>;
这样就会使div成为⾏内元素,具备⾏内元素的所有特性;同时其他的也可以这么做,例如:p ul 等标签;但是我们⼀般很少把这个块级标签转为⾏内标签;因为我们可以直接使⽤⾏内标签,⽐如我们可以使⽤span标签;
2.⾏内元素转为块级元素
⾏内元素转为块级元素:
<span ></span>;
通过这种⽅式是可以的,跟上⾯的⽅式相同,这种是⽐较常见的,当我们需要在布局的时候把它变为块级元素,但是这个⽤的也⽐较少,因为可以直接使⽤块级元素;
html ul标签注意我们还有其他的⽅式变成块级元素,⽐如采⽤浮动(float:left),或者定位(position)之类的;所以说我们在把⾏内元素浮动的之后成了块级元素;
3.块级元素、⾏内元素转化为⾏内块元素
其实在开发中将元素转为⾏内块元素还是⽐较多的;因为⾏内块元素具备⾏内元素和块级元素的所有特性;
我们采⽤display:inline-block;对元素设置;当然还有其他的⽅式。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。