html5中块考生素怎么转换为其他元素

来源：广州粤嵌培训机构时间：2022/3/30 19:36:56

web前端培训教程是关于html5中块考生素怎么转换为其他元素吗？主要分为两大点：1、给块考生素添加“display:inline;”样式，可以将块考生素转换为行内元素；2、给块考生素添加“display:inline-block;”，可以将块考生素转换为行内块考生素。

html5中块考生素转换为其他元素(行内或行内块状)

块考生素特征：

(1)能够识别宽高

(2)margin和padding的上下左右均对其有效

(3)可以自动换行

(4)多个块考生素标签写在一起，默认排列方式为从上至下

行内元素特征：

(1)设置宽高无效

(2)对margin仅设置左右方向有效，上下无效;padding设置上下左右都有效，即会撑大空间

(3)不会自动进行换行

行内块考生素特征：

(1)不自动换行

(2)能够识别宽高

(3)默认排列方式为从左到右

在html5中，可以利用display 属性将块考生素转换为行内或行内块元素。

display:inline;转换为行内元素

display:inline-block;转换为行内块考生素

可以看出，块考生素和行内块考生素可以设置高度，而行内元素不可以;而行内元素和行内块考生素不和换行，而块考生素会。本文来自网络，侵删。

以上就是web前端培训分享：html5中块考生素怎么转换为其他元素详细介绍内容，想要了解更多web前端培训的具体课程内容，请线上咨询或留下您的联系方式，课程老师会尽快联系您，为您定制专属课程，开始您的学习之旅。

尊重原创文章，转载请注明出处与链接：http://www.peixun360.com/5632/news/507031/违者必究！ 以上就是广州粤嵌培训机构 小编为您整理 html5中块考生素怎么转换为其他元素的全部内容。