Fatal编程技术网
  • css/
  • Css 宽度问题

Css 宽度问题

css

Css 宽度问题,css,width,Css,Width,我有一个包含图像的列表项，例如： <ul> <li> <img></img> </li> </ul> 图像没有占据li的全部宽度 如何使li宽度缩小到其包含图像的大小？如何调整图像的高度 <ul> <li> <img src="" width="xxx" height="xxx"></img&g

我有一个包含图像的列表项，例如：

<ul>
    <li>
        <img></img>
    </li>
</ul>

    

  • 

    •
图像没有占据li的全部宽度

如何使li宽度缩小到其包含图像的大小？

如何调整图像的高度

   <ul>
        <li>
            <img src="" width="xxx" height="xxx"></img>
        </li>
    </ul>

    

  • 

    •
现场演示
更新的实时演示

如果将li设置为
显示：内联
，因为默认情况下li是块，因此宽度将匹配最大/最宽的元素

如果
    • 是
    显示：块
    或类似（
    列表项
    也）

    使用
    li img{max width:100%}

    如果
    • 是
    显示：内联块
    或
    显示：内联
    您还需要设置宽度或尝试

    li
{
background:url('');
display:   ;
background-size:xx xx;
}
    ul有一个设置的宽度…如果这与此有关…？在jsfiddle.net中显示您的代码以便更好地理解。是否有可能使li动态收缩？