本文摘自PHP中文网,作者青灯夜游,侵删。
css行内块元素有:1、img,用于定义HTML页面中的图像;2、textarea,用于定义一个多行的文本输入控件;3、input,用于规定用户可以在其中输入数据的输入字段。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
块标签元素:p p h1-h6 hr ul ol li dl dd dt form
①支持宽高,自上而下排列
②不受空格影响
③一般用于其他标签的容器
④默认宽度为100%(独占一行)。
行内标签元素:span i a b strong em sub sup u label br font
①不支持宽高(宽高根据内容大小自动撑开),自左向右排列
②受空格影响
③不独占一行
行内块标签元素:img textarea input
①支持宽高,自左向右排列
②受空格影响
③不独占一行
标签元素之间的转换
display:inline(转为行内元素)
inline-block(转为行内块元素)
block(转为块元素)
none(隐藏 不显示)
注意:当元素浮动(float)时会转化成行内块元素特点。
学习视频分享:css视频教程
以上就是css行内块元素有哪些的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《行内块元素》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者