关于display:inline和display:inline-block的问题

来源:12-2 我要独占一行 - 块级元素

修仙不如狗带

2016-03-20 23:36

display:inline和display:inline-block是什么意思??和只是display:block有什么区别??

写回答 关注

5回答

  • qq_交出你的干脆面_0
    2016-03-20 23:54:43
    已采纳

    display:inline表示原来是块转换成内联 

    display:inline-block表示还是内联但又有块的一样的属性

    display:block原谅是内联转变成块

    块就是占领一整行如<P> p 可以调大小

    内联就是自己有多大就占领多少位置,不能调大小

    修仙不如狗带

    非常感谢!

    2016-03-21 00:09:11

    共 1 条回复 >

  • Meredith_Grey
    2016-03-21 00:00:45

    往后学就知道了,块状元素可以通过代码display:inline将元素设置为内联元素,display:inline-block就是将元素设置为内联块状元素,display:block也是这个道理。

  • wzl_juliet
    2016-03-20 23:58:09

    常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>

    常用的内联元素有:<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

    常用的内联块状元素有:<img>、<input>

    display:block将元素显示为块级元素

    块状元素也可以通过代码display:inline将元素设置为内联元素

    display:inline-block就是将元素设置为内联块状元素

  • mistyrain98
    2016-03-20 23:57:04

    display:block (块级元素)、display:inline(内联元素)和display:inline-block(内联块级元素)

    display:block (块级元素)比较霸道,从新的一行开始,后面的元素也得另起一行,可设置高宽,顶距边距等

    display:inline(内联元素)元素都在同一行(如果内容比较短的话),高宽都不能设置

    display:inline-block(内联块级元素)同时具备display:block (块级元素)和display:inline(内联元素)特点,元素都在同一行,但可设置高宽边距

  • 敛翅
    2016-03-20 23:54:55

    分别是转换为内联元素、内联块状元素、块状元素

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225293 学习 · 18230 问题

查看课程

相似问题