LemonTree丿
2016-07-22 23:53
为什么3个块状元素一行啊?是不是先把三个元素设置为共同样式才放到一行的?
这里用到display布局 分为三种情况 1:行元素转换成块元素display:block; 2:块元素转换成行元素 display:inline;
3:把行元素转换成类似于块元素的性质(可以设置宽高等) dispaly:inline-block; 也可以用浮动布局控制块元素在一行 float: left/right;
因为不是块状元素,不具有独自占据一行的权利,所以就跟着后面陆续出现
右侧代码编辑器中内联元素标签a、span、em、strong都是内联元素<<<-----------------他们都是内联元素,所以不占一行,只有块状元素呢才是霸道的人,他们就占一行。至于块状元素个内联元素的转换,就可以参考楼上说的。用display布局,display:block(块->内联)balabala ,,,,名字都记不住我,其实就记得“块”,这个家伙霸道,占地!!!就够了
div{
width:200px;
height:200px;
border:2px red solid;
float:left;
}
初识HTML(5)+CSS(3)-升级版
1225812 学习 · 18234 问题
相似问题