1、inline元素的特点:行内元素,内容撑起宽度,无高度、宽度属性、padding和margin只有左右,无上下
2、block元素的特点:块级元素,单独占据一行,有高度宽度、padding、margin都有
3、inline-block:具备inline的不换行、block的高度宽度、有全部的padding、margin
inline和float都可实现一行显示:他们的区别如下:
1、float脱离文档流,inline不会
2、inline元素之间有4px的空格,float的元素必须高度一致,要不然会换行
3、可以在iniline元素间设置<!---->、margin-left:-4、父div 的font-size:0来解决空格
inline 的一个典型应用:模拟表格
title样式{
display:inline-block;
float:left;
width:20%;
}
content样式{
display:inline-block;
width:80% //必须跟上面的宽度和为100
}
实现效果:表格样式,content内容会换行展示