<ul id="ilist">
<li>
<img src="img/icon1.png" alt="" />
<p>
some text here</p>
</li>
</ul>
问题是当更多项目来到这里时某些图标更大一点使我的列表越野车。所以我如何设置图像的最大宽度,高度(如果我设置浏览器调整大小)。有人可以告诉我如何设置图像的最大宽度和高度。
Sollution
在html模型中创建两个ul li,左边是图像,第二个是右边的文本。这更容易理解。
答案 0 :(得分:1)
<ul id="ilist">
<li>
<img src="img/icon1.png" alt="" **width="500" height="400"**/>
<p>some text here</p>
</li>
</ul>
或者使用css:
#ilist li img{
max-height: 400px;
max-width: 500px
}