美文网首页
行内块元素(文图来源于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)

    普遍的规则里总有那么几个不一样的,在行内元素中就有那么几个特殊标签,比如 / / ,可以给他们设置宽高、对齐属性,...

  • 6. CSS常见样式

    知识 块级元素和行内元素 特性区别 由图可知: 块级元素可以包含块级元素和行内元素,而行内元素只能包含行内元素和文...

  • 块元素、行内元素、行内块元素

    常见块元素(独占一行,默认属性block) div h1 form ul li p table 常见行内元素(宽高...

  • 入门任务8

    块级元素和行内元素分别有哪些?## 块级元素 行内元素 区别 块级元素可以包含行内元素和其他块级元素,行内元素只能...

  • CSS行块级元素

    行内元素 块级元素 行内块级元素

  • css学习笔记之常见样式

    1 块级元素 和 行内元素区别 1 差异 块级元素可以包含行内元素和块级元素 行内元素只能包含文本和行内元素 块级...

  • 2019-09-24 块级元素、行内元素

    块级元素、行内元素 块级: 行内元素: 空元素:

  • css常见样式

    块级元素和行内元素分别有哪些? 块级元素: 行内元素: 特性区别:1.块级元素可以包含行内元素和块级元素,而行内元...

  • 2018-07-15

    小垃圾的今日总结 1.about"块元素,行内元素,行内块" 今天才看到之前师父问的"块元素,行内元素,行内块",...

  • Css元素|属性

    块级元素和行内元素 块级元素 (内联)行内元素 区别描述: 块元素(宽)占满整行,行内元素只占内容所在的宽度。 块...

网友评论

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

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