css 图像高度属性不起作用[已关闭]

xoefb8l8 于 2023-08-08 发布在其他

关注(0)|答案(2)|浏览(103)

**已关闭。**此问题需要debugging details。它目前不接受回答。

编辑问题以包括desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答这个问题。
14小时前关门了。
Improve this question的
我的图像有问题，高度属性不起作用。

我的代码如下：

<img 
    alt="..."
    className="img-fluid floating"
    src={Landing1}
    style={{ height: '300px', width: 'auto' }}
/>

字符串

当我尝试这个代码：

width属性起作用了，但height仍然不行。

<img
    alt="..."
    className="img-fluid floating"
    src={Landing1}
    style={{ width: '300px', height: 'auto' }}
/>

型

当我尝试这个代码：

什么都不管用...

<img
    alt="..."
    className="img-fluid floating"
    src={Landing1}
    width={375}
/>

型

2条答案

不要直接设置元素的样式，而是将其 Package 在元素中，并设置如下样式：

<div style={{width:20px}}>
 <img src={""} style={{width:"100%" }}/>
</div>

字符串
默认情况下，高度是自动的，尽量不要设置img元素或其父元素的高度，因为它可能会改变图像的原始纵横比。

在react中，只使用style = {{height: 300}}，而不是style = {{height: '300px'}}，因为数字只代表像素。另外，检查父元素是否限制最大高度。