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