扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
一、行内元素、块级元素的区别
1、块元素（block element）一般都从新行开始，独占一行，它可以容纳内联元素和其他块元素。
常见块元素有div、ul、ol、li、dl、dt、dd、p、h2-h7、form、table、pre（格式化文本）等。
2、内联元素（inline element）一般都是基于语义级（semantic）的基本元素。内联元素只能容纳文本或者其他内联元素。
常见内联元素有i、b、a、em、br、img、span、strong、cite等。
3、对于行内元素：
设置宽度width 无效。
设置高度height无效，可以通过line-height来设置。
设置margin只有左右margin有效，上下无效。
设置padding只有左右padding有效，上下则无效。
二、行内元素与块级元素的相互转化
1.行内元素转化为块级元素的方法
（1）通过CSS设定浮动（float属性，可向左浮动或向右浮动，仅在需要浮动的情况下设置）
（2）设定显示display属性为“block”或“list-item”将内联元素转为块级，最常用的是display:block。
这样行内元素就转为块级元素，具备了块级元素的属性。
（3）还有一些属性我们在设置的时候同时会使元素变为块级，比如position等，这只是在特定的情况下出现
（4）在ie6/ie7下只要设置zoom：1就可以为元素设置宽高等块级元素所具备的属性
2.块级元素转为行内元素
设置display：inline，转化为行内元素之后就具备了行内元素的属性，不能设置宽高，但可以设置vertical
-align等。
创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证， 机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网