CSS图片撑破div，css怎么让图片变大

HTML标记的内外边距问题

1、内边距padding的意思是： 边框与内容之间的距离。外边距margin的意思是：边框与边框之间的距离。

2、padding-top 属性：设置 p 元素的上内边距，该属性设置元素上内边距的宽度。

3、right、上边距padding.top、下边距padding.botton。html中的鼠标以斜向上的箭头显示，移到文本上时变为有头的竖线，移到超级链接上变为手型。但用css可控制鼠标的显示效果，如可使鼠标移到普通文本上也显示成手型。

4、其中hspace=6 vspace=6 是指上下和左右离外界的边距 补充： 不是默认都有的，要自己加上样式．style这个属性是设置样式的。 追问： 上面那些基本都知道，我就是想知道有哪些标记在没有设置内外边距时。

5、在html标签中，有一些标签有默认的外边距，所以即使你没有明确的设置margin值，也会有margin存在。如果想去掉，可以设置margin：0；来去掉它的默认外边距。

6、padding表示内边距，设置格式可以有如下方式：padding： 10px 10px； 第一个10px表示上下内边距。第二个10px表示左右内边距。

相关问答

Q1: CSS能设置div之后将div中img的超出尺寸不顶出去吗?

1、如果你想图片铺满div而无视图片长宽比例，那么把image高度也设为100%就行了。但是这样image会变形，不推荐（除非你确定图片长宽和div长宽同比例）。

2、你写的是.DocAll #AdDiv1{...}（中间用空格）。意思是.DocAll元素里面的#AdDiv1元素应用此样式。

3、你可以设置div的最高高度(max-height)为窗口的高度，滚动条设置为自动：overflow：auto，就可以实现所需。

4、jpg /a/li lia href=# target=_blankimg src=images/jpg /a/li /ul 就是上面说的那样啊。外围容器给固定宽度，不指定高度或高度auto（此时需要设置overflow：hidden）。

5、两个一样的杯子，谁也装不下谁，只有一个大一个小，才能有一个被装的下，硬装的话肯定会被撑的变形。

6、height：300px；position：relative；top：50%；left：50%；margin-left：-250px；margin-top：-150px；}/*思路是使div和img的中心点重合，中心点重合后img就在div中垂直水平居中了。

Q2: 关于如何利用CSS自动调整图片的大小

1、当遇到这样的DIV CSS布局时候，其实非常简单，我们只需要对图片宽度进行控制，而图片高度不用设置即图片高度会自动适应缩放比例（不设置高度即高度值默认为auto自适应）。

2、）PSD格式的图像文件是使用AdobePhotoshop软件生成的默认图像文件格式。用以保存图像的通道、图层和颜色模式等信息，以备以后进行再次修改，该格式的通用性差，只有在Photoshop中才能使用，很少有其他的软件支持该格式。

3、如果是图片的尺寸太大，要修改小一些。这种情况，通常都是使用雪碧图或者字体图标来做的。

4、CSS1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size：100px 200px；表示把背景图片大小调整为100x200px。

5、二是将图片设定display：block，设定图片的长宽为rem或者em。

Q3: css如何实现图片大于div时的居中显示(代码实例)

1、左移和上移的大小就是该DIV宽度和高度的一半。前提是必需设定DIV的宽度和高度。

2、height：300px；position：relative；top：50%；left：50%；margin-left：-250px；margin-top：-150px；}/*思路是使div和img的中心点重合，中心点重合后img就在div中垂直水平居中了。

3、第一种：将图片的max-width：数值px； 数值设置成你的div2的宽度 第二种：将图片作为div2的背景图， 这种可以不裁剪图片尺寸。

Q4: 怎样隐藏溢出DIV的内容

1、溢出后的处理方式，若是想隐藏溢出的内容，可以考虑使用 text-overflow 属性。

2、使用display：none来隐藏所有内容 display：none可以让网页中所有内容不显示，如代码、文字、链接、图片、div层，是推荐的内容隐藏方式。

3、设置DIV的大小实现隐藏 将div的宽度和高度设置为零，也可以达到隐藏的效果。/*示例*/div{width：0px；height：0px；overflow：hidden；/*规定当内容溢出元素框时隐藏。防止div大小设置为零，里面的文本却还是显示。

4、两种方法，1：强制换行。div style=width：930px；word-break：break-all；word-wrap：break-word；/div 2：溢出隐藏。div style=overflow：hidden； width：930px；/div 自己试一下。就没有问题了。

Q5: css+div插入图片怎么顶不满格

1、css没有被调用；请检查css调用是否成功。css图片地址不对；请检查css图片地址是否正确。div的高度没有固定，是auto或者没有设值，div设置错误容易导致背景图片高度太大则无法显示；请设置div高度。

2、div层的宽度最少要设置成和图片宽度一样才行，不然背景图片是无法全部显示的。

3、引用你的话：“我想让图片铺满屏幕，也就是白边”这话矛盾呢。

CSS图片撑破div的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css怎么让图片变大、CSS图片撑破div的信息别忘了在本站进行查找喔。