Html 图像不应在元素中使用全宽

Html 图像不应在元素中使用全宽,html,css,twitter-bootstrap,twitter-bootstrap-3,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,目前,我正在尝试对我制作的线框进行编程,但遇到了一些问题,特别是元素的左侧: 问题是200x200px图像在左栏中全宽显示。因此,我无法将图像居中 我可以看到它可以通过覆盖以下CSS进行更改,并将宽度设置为none .cms-area img { width: 100%; } 但在我看来,这会破坏对图像的反应吗 有人能帮我进球吗 请参阅[Testpage here][2] 该网站仍在使用Bootstrap3,我无法更改主CSS。因此,如果需要,我需要覆盖CSS 致意 #前排{ 垫

目前,我正在尝试对我制作的线框进行编程,但遇到了一些问题,特别是元素的左侧:

问题是200x200px图像在左栏中全宽显示。因此,我无法将图像居中

我可以看到它可以通过覆盖以下CSS进行更改,并将
宽度设置为none

.cms-area img {
    width: 100%;
}
但在我看来,这会破坏对图像的反应吗

有人能帮我进球吗

请参阅[Testpage here][2]

该网站仍在使用Bootstrap3,我无法更改主CSS。因此,如果需要,我需要覆盖CSS

致意


#前排{
垫底:0px;
}
.行[类*=“列-”]{
右侧填充:7.5px;
左侧填充:7.5px;
}
.白色背景{
填充:15px;
背景色:#fff;
边缘底部:30px;
边框:1px实心#ebecf0;
}
.填充两列bg{
边缘底部:30px;
}
.填充灰色背景{
填充:7.5px;
}
.填充白色边框{
边框:1px实心#ebecf0;
}
.top-pad-d{
填充顶部:15px;
}
.sbp-2柱{
背景色:#fff;
填充顶部:15px;
垫底:15px;
边框:1px实心#ebecf0;
}
/********************************/
/*产品造型*/
/********************************/
/*使spot图像全宽*/
.cms区域。结果列ul项目li.添加项目{
宽度:100%!重要;
}
.cms区域。结果列ul项目li。添加项目。项目{
填充:0px;
}
/*移除“添加到篮子”按钮*/
.cms区域。结果列ul.items li.add-item a.button-add{
显示:无;
}
/*在产品描述上设置高度*/
.cms区域。结果列ul.items li.add-item.desc{
高度:0px;
溢出:可见;
}
/*删除产品标题上的淡入淡出*/
.cms区域。结果列ul项目li。添加项目。描述:之后{
背景:无;
}
.cms区域。结果列。更多包裹{
垫底:0px;
}
/*删除副标题*/
.描述2{
显示:无;
}
/*删除产品文本*/
.ext说明{
显示:无;
}
/*删除行上的多个产品*/
.cms区域。结果cols{
填充:0px;
}
/********************************/
/*自定义按钮*/
/********************************/
.btn.btn-lg{填充:10px 40px;}
.btn.btn-hero,
英雄:悬停,
.btn.btn英雄:聚焦{
颜色:#F5;
背景色:#1abc9c;
边框颜色:#1abc9c;
大纲:无;
保证金:20px自动;
}
/********************************/
/*媒体查询*/
/********************************/
@媒体屏幕和屏幕(最小宽度:980px){
.hero{宽度:980px;}
}
@媒体屏幕和屏幕(最大宽度:640像素){
.hero h1{字体大小:4em;}
}
@媒体屏幕和屏幕(最大宽度:896px){
.top-pad-m{
填充顶部:15px;
}    
}
@仅介质屏幕和(最大宽度:1280px){
.淡入淡出转盘。幻灯片。幻灯片1,
.淡入淡出转盘。幻灯片。幻灯片2,
.淡入淡出转盘。幻灯片。幻灯片3{
高度:60vh;
}
}
/********************************/
/*整体造型*/
/********************************/
#sbp人力资源{
利润上限:10px!重要;
边缘底部:10px!重要;
}
.sbp对齐{
文本对齐:左对齐;
左侧填充:10px;
}
.测试{
填充:20px 20px 20px 20px;
}
/*2柱试验*/
.classWithPad{margin:8px;padding:10px;背景色:#fff;边框:1px实心#ebecf0;}
.cms区域img{
最大宽度:100%;
}

《知识产权法》是一部杰出的艺术作品,是一部关于劳动和就业的临时法律

子系

知识产权与知识产权、教育精英、劳动与就业临时契约



如果将
width=200px
放在左列,上传的图像将始终位于中间,并且有大量的
填充
用于图像居中,您可以使用各种
引导


知识是一种美德,是一种美德,是一种美德,是一种美德

子系

知识产权与知识产权、教育精英、劳动与就业临时契约



为什么要删除宽度:100%会中断响应,右边的2列不是全宽度,当你最小化窗口时,只对左边的图像进行删除,不需要触摸右边的一个,例如“代码> > COL-MD -6一个IMG {宽:Auto.} /Case> ->你考虑只选择第一个图像的选择器,您可以找到一个LOT,您可以添加margin:auto以使其居中,然后搜索答案。正如我写的,我不能使用BS3