修仙不如狗带
2016-03-20 23:36
display:inline和display:inline-block是什么意思??和只是display:block有什么区别??
display:inline表示原来是块转换成内联
display:inline-block表示还是内联但又有块的一样的属性
display:block原谅是内联转变成块
块就是占领一整行如<P> p 可以调大小
内联就是自己有多大就占领多少位置,不能调大小
往后学就知道了,块状元素可以通过代码display:inline将元素设置为内联元素,display:inline-block就是将元素设置为内联块状元素,display:block也是这个道理。
常用的块状元素有:<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就是将元素设置为内联块状元素
display:block (块级元素)、display:inline(内联元素)和display:inline-block(内联块级元素)
display:block (块级元素)比较霸道,从新的一行开始,后面的元素也得另起一行,可设置高宽,顶距边距等
display:inline(内联元素)元素都在同一行(如果内容比较短的话),高宽都不能设置
display:inline-block(内联块级元素)同时具备display:block (块级元素)和display:inline(内联元素)特点,元素都在同一行,但可设置高宽边距
分别是转换为内联元素、内联块状元素、块状元素
初识HTML(5)+CSS(3)-升级版
1225293 学习 · 18230 问题
相似问题