美文网首页
行内块元素(文图来源于CSDN)

行内块元素(文图来源于CSDN)

作者: 木子9268 | 来源:发表于2019-01-22 14:23 被阅读0次

    普遍的规则里总有那么几个不一样的,在行内元素中就有那么几个特殊标签,比如<img>/<input>/<td>,可以给他们设置宽高、对齐属性,我们把这样特殊的一类标签称为行内块元素。行内块元素综合了块元素和行内元素的不同特点。

    行内块元素的特点:

    和相邻行内元素在同一行,但是之间会有空白缝隙。

    默认宽度是他本身内容的宽度。

    宽度、高度、行高、外边距以及内边距都可以手动设置。

    样式:

    /*行内块元素input*/

    input{

        width: 200px;      /*宽高均有效*/

        height: 30px;

    }

    <input type="text" value="行内块元素1"> 

    <input type="text" value="行内块元素行内块元素2行内块元素">

    综合效果图如下:

    相关文章

      网友评论

          本文标题:行内块元素(文图来源于CSDN)

          本文链接:https://www.haomeiwen.com/subject/ikbljqtx.html