width和height属性,对于块级元素和行内元素有什么区别?

发布网友发布时间：2022-04-06 07:35

共1个回答

热心网友时间：2022-04-06 09:05

第一是以屏幕显示为标准，这一点可以以屏幕分辨率得出，调整分辨率后滚动条长度就有所改变，分辨率越大，屏幕显示越多，滚动条就越短！所以HEIGHT百分比的第一属性是以浏览器窗口决定长度的，如：
<table border="1" width="100%" height="100%">
<tr>
<td></td>
</tr>
</table>
以上空表格在调整分辨率的情况下都会占满整个窗口,这是因为此表格没有其它外界因素导致的，所以就以浏览器窗口为准：
第二
再如：
<table border="1" width="100%" height="300">
<tr>
<td>
<table border="1" width="100%" id="table1" height="80%">
<tr><td>
</td>
</tr>
</table>
</td>
</tr>
</table>
以上为表格中的表格，外面个表格决定了HEIGHT为300像素，里面个表格height属性为80%，这个80%就是以这个外表格所决定的（无论如何调整分辨率，这2个表格都会保持原大小不动）
所以这个height属性是由N个因素决定的！关于块级元素和行内元素有什么区别，可以从不同的角度来解释！
先这么理解嘛：
块元素（例如div）在没有任何布局属性作用时，默认排列方式是换行排列；
内联元素（例如span、a）在没有任何布局属性作用时，默认排列方式是在同行排列，直到宽度超出包含它的容器宽度时才自动换行。

这是一种比较容易理解的解释！

其实当内联元素通过display:block;声明后它也可以转换为块元素！这个经常用于当你一个块中放一张图片，要让图片水平居中的时候（示例：<img src="logo.gif" style="display:block;margin:0 auto;" />）
但是块元素（如div table等）就莫法换成内联元素了！