我如何使我的列表在HTML中工作?

时间:2012-01-15 11:58:07

标签: html css

 <ul id="ilist">
                <li>
                    <img src="img/icon1.png" alt="" />
                    <p>
                       some text here</p>
                </li>
</ul>

问题是当更多项目来到这里时某些图标更大一点使我的列表越野车。所以我如何设置图像的最大宽度,高度(如果我设置浏览器调整大小)。有人可以告诉我如何设置图像的最大宽度和高度。

Sollution

在html模型中创建两个ul li,左边是图像,第二个是右边的文本。这更容易理解。

1 个答案:

答案 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
}