在HTML布局时候直接在图片img标签加宽度和高度属性即可控制图片高和宽
html img图片标签高度宽度设置
我们可以直接在图片标签设置宽度width和高度height,这里需要注意的是HTML img标签内直接设置宽度和高度值不需要html单位,默认为PX像素。
mg标签内设置高度宽度优点直观,对于文章内插入图片可以利用此方法控制设置图片高度宽度;缺点,如果图片列表排版的这样会增加很多HTML代码,不便统一修改。
不怕图片变形的话,最简单的办法,写个类,比如demo,这个类直接把宽度写死,然后给图片加上这个类。.demo{
width:182px
height:130px
}
<img class="demo" />
这样直接写死就能保证图片都是这么宽这么高
可以使用CSS样式控制表格的高、宽 ,如:
.thWidthAndHeight{width:100px height:20px} <table border="1" cellpadding="0" cellspacing="0"><caption>
大标题
</caption>
<thead>
<tr>
<th class="thWidthAndHeight">
标题1
</th>
<th>
标题2
</th>
<th>
标题3
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
数据1
</td>
<td>
数据2
</td>
<td>
数据3
</td>
</tr>
<tr>
<td>
数据1
</td>
<td>
数据2
</td>
<td>
数据3
</td>
</tr>
</tbody>
</table>