Html 为什么不是';如果该图像位于我指定为宽度大小的容器内,是否调整为宽度大小?

Html 为什么不是';如果该图像位于我指定为宽度大小的容器内,是否调整为宽度大小?,html,css,Html,Css,我正在尝试调整容器内部的所有宽度大小。所以各方都将是80%。为什么图像不能调整呢?我希望图像不会像现在这样向右展开。我希望它能与其他一切保持一致 以下是尝试执行上述操作的主要HTML和CSS代码: .container{ 宽度:80%; 保证金:0自动; } 关于我 一, 二, 三, 一, 二, 三, 小批量狼哈巴狗自行车权利,刻字媚俗的利斯蒂克农场表。连帽衫法兰绒干草叉normcore chambray,宝丽来在售罄前就已走红。韦斯·安德森滑板单源咖啡修配,破旧别致,四台loko

我正在尝试调整容器内部的所有宽度大小。所以各方都将是80%。为什么图像不能调整呢?我希望图像不会像现在这样向右展开。我希望它能与其他一切保持一致

以下是尝试执行上述操作的主要HTML和CSS代码:

.container{
宽度:80%;
保证金:0自动;
}

关于我
  • 一,
  • 二,
  • 三,
  • 一,
  • 二,
  • 三,
小批量狼哈巴狗自行车权利,刻字媚俗的利斯蒂克农场表。连帽衫法兰绒干草叉normcore chambray,宝丽来在售罄前就已走红。韦斯·安德森滑板单源咖啡修配,破旧别致,四台loko打字机。Banksy美式服装,具有讽刺意味的XOXO格纹独角鲸cred mumblecore keffiyeh不对称sriracha。Marfa PBR lomo four loko美学大师清洁、干草叉教堂钥匙苦味师裁缝胡须keffiyeh Thundercats。Mixstape美学胡子现成蓝色瓶子,Banksy Wes Anderson Intelligenticia Kickstarter陈词滥调,从农场到餐桌的宝丽来独角鲸。符号学混合磁带波特兰甘蓝片,传家宝Carles seitan腌制3狼月亮教堂钥匙大师清洁手指Stache。

豆腐猪肚哈巴狗十字架。XOXO 3狼月亮,独角鲸副蓝瓶酿酒厂PBR&B Lumberse性饲料纹身绑腿90年代活版。布鲁克林猪肚鲜味标签gentrify tilde。博客猪肉肚戈达尔mlkshk。俗气凸版甘蓝片独角鲸信使袋。米加斯农场的班卓赫拉餐桌。动物标本制作低保真mlkshk normcore古DIY,豆腐VHS伐木性ugh listicle。


如@MrLister在评论中所说,没有样式的图像会自动默认为其真实大小(例如,屏幕上的1400px×300px图像将是1400px×300px)。你可以这样做:

img {
    width: 100%;
}

将图像宽度设置为父图像宽度的100%。

如@MrLister在评论中所说,没有样式的图像自动默认为其真实大小(例如,屏幕上的1400px x x 300px图像将是1400px x x x 300px)。你可以这样做:

img {
    width: 100%;
}

将图像宽度设置为父图像宽度的100%。

如@MrLister在评论中所说,没有样式的图像自动默认为其真实大小(例如,屏幕上的1400px x x 300px图像将是1400px x x x 300px)。你可以这样做:

img {
    width: 100%;
}

将图像宽度设置为父图像宽度的100%。

如@MrLister在评论中所说,没有样式的图像自动默认为其真实大小(例如,屏幕上的1400px x x 300px图像将是1400px x x x 300px)。你可以这样做:

img {
    width: 100%;
}

将图像宽度设置为其父图像宽度的100%。

不会继承width属性。因此,容器的宽度是其父元素(body元素)的80%。但图像的宽度是它的真实大小。 要更改其宽度,请添加css样式

img{
    width: 100%;
}
这会将其宽度更改为其父对象(容器)的100%


*性能说明:最好更改图片本身的大小,而不是使用width属性,因为您下载整个图片,然后调整其大小,这意味着下载无用的数据。

width属性不会被继承。因此,容器的宽度是其父元素(body元素)的80%。但图像的宽度是它的真实大小。 要更改其宽度,请添加css样式

img{
    width: 100%;
}
这会将其宽度更改为其父对象(容器)的100%


*性能说明:最好更改图片本身的大小,而不是使用width属性,因为您下载整个图片,然后调整其大小,这意味着下载无用的数据。

width属性不会被继承。因此,容器的宽度是其父元素(body元素)的80%。但图像的宽度是它的真实大小。 要更改其宽度,请添加css样式

img{
    width: 100%;
}
这会将其宽度更改为其父对象(容器)的100%


*性能说明:最好更改图片本身的大小,而不是使用width属性,因为您下载整个图片,然后调整其大小,这意味着下载无用的数据。

width属性不会被继承。因此,容器的宽度是其父元素(body元素)的80%。但图像的宽度是它的真实大小。 要更改其宽度,请添加css样式

img{
    width: 100%;
}
这会将其宽度更改为其父对象(容器)的100%



*性能说明:最好更改图片本身的大小,而不是使用width属性,因为您下载整个图片,然后调整其大小,这意味着下载无用的数据。

如果您希望图像与其容器一样宽,则必须在css中指定。图像的默认宽度是图像的宽度。为什么希望图像神奇地调整大小?@Beast\u Code从div中删除image类(您可以完成删除图像的父div)并将样式设置为image:。。。。并且,对于
p
可以添加样式
文本对齐:justify,只是为了更好:)@MrLister我想我期望的是,无论图像大小,图像都能保持在容器的边界内。@Beast\u代码在这种情况下,答案是在图像样式中使用
最大宽度:100%
,而不是
宽度:100%
。如果你想让图像和它的容器一样宽,你必须在css中指定。图像的默认宽度是图像的宽度。为什么希望图像神奇地调整大小?@Beast_Code removeimageclass fromdiv(您可以完全删除图像的父div)和