【问题标题】:how to prevent img from stretching its parent如何防止 img 拉伸其父级
【发布时间】:2014-04-09 09:16:51
【问题描述】:

我正在使用降价语言向网站添加帖子。所以,为了给我的帖子添加图片,我写了

![Alt text](/path/to/img.jpg) 

并且 img 出现在页面上。但是有一个问题 - 如果图像的原始宽度超过容器的宽度,图像会拉伸其父 div。我使用固定布局,因此容器元素的宽度在 css 中是硬编码的。问题是:是否甚至可以防止图像拉伸我的 div 而是自动调整大小以很好地适应它?

【问题讨论】:

    标签: php html css image markdown


    【解决方案1】:

    甚至可以防止图像拉伸我的 div,而是自动调整大小以适应它吗?

    是的!尝试设置:

    img { max-width: 100%; }
    

    只要<img> 的容器具有明确的宽度,图像就不应超过该宽度。

    【讨论】:

    • 太棒了!非常感谢,伙计!我自己怎么还没弄明白?
    • 如果容器没有明确的宽度/高度怎么办?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-01-22
    • 1970-01-01
    • 2013-08-19
    • 1970-01-01
    • 1970-01-01
    • 2015-03-13
    相关资源
    最近更新 更多