H5的图片标签是什么?应该如何设置长宽高

html-css018

H5的图片标签是什么?应该如何设置长宽高,第1张

解决方法如下:

在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>