Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 图像的高度和宽度赢得';不改变CSS_Html_Css - Fatal编程技术网

Html 图像的高度和宽度赢得';不改变CSS

Html 图像的高度和宽度赢得';不改变CSS,html,css,Html,Css,试图将一个图像更改为显示在另一个包含文本的div旁边,但已尝试了数小时,但没有成功。该图像应与另一个div保持一致,但拒绝这样做: 第二次尝试: #leftimg { max-width: 100%; height: auto; left: 0px; right: 0px; } #leftimg { width: 500px; height: 500px; } 第三次尝试: #leftimg { max-width: 100%;

试图将一个图像更改为显示在另一个包含文本的div旁边,但已尝试了数小时,但没有成功。该图像应与另一个div保持一致,但拒绝这样做:

第二次尝试:

#leftimg {
    max-width: 100%;
    height: auto;
    left: 0px;
    right: 0px;
}
#leftimg {
    width: 500px;
    height: 500px;
}
第三次尝试:

#leftimg {
    max-width: 100%;
    height: auto;
    left: 0px;
    right: 0px;
}
#leftimg {
    width: 500px;
    height: 500px;
}

为图像元素指定一个id并设置其宽度/高度:

HMTL:

或者为div设置背景

#leftimg {
    background-image: url("SLL/student.jpg");
}
试一试


您可以这样做:

#leftimg img {
    width: 500px;
    height: 500px;
}
#leftimg img{
  max-width: 50%;
  height: inherit;
  left: 0px;
  right: 0px;
  . . .
}
试试这个

#leftimg img {
    width: 500px;
    height: 400px
}

如果要更改图像的尺寸,请更改为图像本身,而不是图像包装器。看起来您选择的是CSS中的div元素,而不是图像。如果要将这些规则应用于div内的图像,则需要使用img跟踪div的ID,如下所示:

#leftimg img {
    width: 500px;
    height: 500px;
}
#leftimg img{
  max-width: 50%;
  height: inherit;
  left: 0px;
  right: 0px;
  . . .
}
下面是一个完整的示例:

#左img img{
最大宽度:50%;
身高:继承;
左:0px;
右:0px;
/*添加以使文本环绕图像
如果这不是你想要的,请随意忽略
它能起作用吗*/
浮动:左;
填充:10px;
}
/*添加以清除上面使用的浮动-如果您离开
把我上面的东西拿出来,然后把这个也拿出来*/
#左图:之后{
内容:'';
明确:两者皆有;
}

学生出租
Lorem ipsum dolor sit amet,是一位杰出的献身者。大羚羊前庭。你不必为奥古斯·鲁特鲁姆·尤伊斯莫德感到难过。在布朗迪利奥·朗卡斯(leo rhoncus)的演讲中,坐着艾美·埃吉斯塔(amet egestas sapien lobortis)。等径线。mollis arcu的Phasellus。Aliquam venenatis,est ac pharetra semper,magna libero euismod sem,ac molestie leo ex sed nunc。在维尼那提斯大比布斯的乌兰科帕奥奇。根据康努比亚·诺斯特拉(conubia nostra)和希梅纳奥斯(inceptos himenaeos)的规定,社会责任和责任等级为:。在自然社会中,因怀孕而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯。埃蒂亚姆·波苏雷·维内纳蒂斯·菲尼布斯。orci metus前庭,拍卖人eu nisi in,viverra Estat。维瓦摩斯大教堂、欧尔纳教堂、威尼斯莫利斯利奥教堂

两人都是麦格纳,亨德雷特是欧盟的侵权人,奥纳·维韦拉是密苏里州的侵权人。我们的孕妇是arcu,nec的车辆是NALLA。无舌苔的佩伦特斯克变种,在。南希特·阿梅特·洛博蒂斯酒后驾车。Donec malesuada enim nec tellus auctor accumsan。不,这是一种便利的交通工具,是一种权杖。Donec quis nunc venenatis,laoreet est ac,调味品arcu。猫科动物。乌拉姆科珀拍卖行。比班杜姆库拉索酒店。这是一个暂时的错误


你应该向我们展示更多的HTML,甚至更多的CSS。为什么不使用
#leftimg{background:url(“SLL/student.jpg”);background size:cover;}
你能用你当前的CSS/HTML制作一个JSFIDLE或类似的东西吗?这将改变页面上的每个图像元素,而且不是获得所需响应的正确方法。@Martin他可以根据需要修改选择器@马丁-是的,如果我有一张适合我的照片,我会用我自己的照片-我服务器上几乎所有的照片都是为我朋友的网络喜剧准备的,看起来可能有点奇怪。啊,Stackoverflow喜欢奇怪:D它只是不喜欢告诉任何人这是真的
#leftimg img{
  max-width: 50%;
  height: inherit;
  left: 0px;
  right: 0px;
  . . .
}