inline元素特色有哪些
inline元素特点是:1、水平标的目的上按照direction顺次规划;2、不会在元素前后停止换行;3、受white-space操纵;4、margin/padding在竖直标的目的上无效,水平标的目的上有效。
关于我这样的初学者来说,一开端大概会经常分不清block元素和inline乃至它们之间的不同。
不外block元素还是比力好懂得的,而关于inline元素,有些地方需要留意。
inline元素的特点:
水平标的目的上按照direction顺次规划。
不会在元素前后停止换行
受white-space操纵。
margin/padding在竖直标的目的上无效,水平标的目的上有效。
width/height属性对非更换行内元素无效,宽度由元素内容决议。
非更换行内元素的行框高由line-height肯定,更换行内元素的行框高由height,margin,padding,border决议。
vertical-align属性生效。
inline元素除了上述还有一条比力重要的特点:
浮动(float)或绝对定位(position:absolute)时会转换为block
<body> <p>HTML 不是一种编程说话,而是一种标志说话</p> <p>我的第一个段落。<a href="http://www.runoob.com/">链接</a>这是段落末尾</p> <p>HTML 文档包括了HTML 标签及文本内容.HTML 使用标志标签来描写网页</p> </body>
<style> a{background:red; height:50px; width:50px;} </style>
引荐教程: 《css教程》
以上就是inline元素特点是啥的具体内容,更多请关注百分百源码网其它相关文章!