调整大小的img标记中的奇怪边距
可能是由于以下几个原因导致的：
- 图片的默认行内布局：img标记默认是行内元素，会受到行高、字体大小等因素的影响，导致奇怪的边距出现。可以通过将img标记的display属性设置为block或inline-block来解决这个问题。
- 图片的垂直对齐方式：img标记默认是基线对齐的，如果父元素的行高大于图片的实际高度，就会出现奇怪的边距。可以通过将img标记的vertical-align属性设置为middle或top来解决这个问题。
- 图片的外边距和内边距：如果img标记的外边距或内边距设置不当，也会导致奇怪的边距出现。可以通过检查和调整相关的CSS属性来解决这个问题。
- 图片的包裹元素的布局：如果img标记被包裹在其他元素中，这些元素的布局也可能会影响到图片的边距。可以通过检查和调整包裹元素的CSS属性来解决这个问题。
对于调整大小的img标记中的奇怪边距问题，可以参考腾讯云的云开发产品，该产品提供了丰富的前端开发工具和服务，可以帮助开发者快速构建和部署网站和应用程序。具体推荐的产品是腾讯云云开发（CloudBase），它是一款全栈云原生应用开发平台，提供了前端框架、云函数、数据库、存储、云托管等一系列功能，可以帮助开发者快速搭建和调整网站的布局和样式，解决奇怪边距的问题。
腾讯云云开发产品介绍链接地址：https://cloud.tencent.com/product/tcb
相关·内容
2回答
Conisder下面的html代码： <a></a> CSS代码是 a { width: 100%; display: block; max-height: 100%;
} 图像的原始大小为246x74。由于css代码<e
浏览 23提问于2021-01-09得票数 0
1回答
我使用的是超文本标记语言KickStart，没有PhP之类的东西。纯css/js。有带图片的画廊。问题是-如何动态地裁剪/调整拇指的大小来显示它们？我的想法是制作这样的东西 <a href="image.jpg"><img class="thumb" src=&
浏览 1提问于2012-06-20得票数 0
这是我的目标：-容器的全宽与屏幕大小无关(也就是说，图像大小是动态的，其中图像大小总是适合整行图像)-图像将始终是正方形，但不小于150px，也不大于200px -图像和行之间的10px边距 因此，基本上，如何更改或添加这个代码，其中没有大的右/左页边距取决于您的屏幕大小？https://codepen.io
浏览 16提问于2019-12-23得票数 1
我试图设计一个流畅的布局%，以50%的窗口高度的书籍为特色，四分之一的下一本书只是可见的，诱人的向下滚动。
调整窗口大小不应更改布局，因此图书的图像大小、页边距等应以%表示。但是，将.books {position: absolute}设置为包含的div，所包含的图像的大小将缩小为缩略图大小，
浏览 2提问于2012-09-04得票数 1
3回答
这是我的。我尝试将类直接添加到<a>标记中，然后调整边距。但这并不管用。我尝试将类直接添加到img标记中，然后调整边距。但这并不管用。这是
浏览 0提问于2012-08-13得票数 0
回答已采纳
1回答
我为使图像响应并包含在父元素中所做的所有操作都失败了。我的图像被截断，它们不居中，并缩放到较小的屏幕。此外，我的主页有一个左边距空间，我似乎无法修复。我希望我的内容居中，并在小屏幕上适当缩放。我的全尺寸背景图像也不能在较小的屏幕上填满整个背景。任何帮助都将不胜感激。<body><div id="container" class="home
浏览 4提问于2017-09-05得票数 0
2回答
我有一排清晰的图像，我想用它作为横幅。在调整大小时，我不希望最后一个图像被包装。我已经完成了google的先决条件和堆栈溢出搜索；我找到的例子是关于文本的，而不是图像。这是一个小摆设：#slidebanners {#slidebanner img}
这个的问题在于它没有消除图片之间的空白我可以添加一个负的左边距，但这会产生奇怪</
浏览 2提问于2013-08-17得票数 0
好的，我有一个图标，当我把它放在输入的前面时，它把输入向右推了大约5个像素，因此，抛出了视觉对齐的区域。有没有一种我可以使用的风格:在输入之前，或者可以让图标向左移动一点的东西？我的HTML如下所示： <label>Date</label> <input type="text
浏览 1提问于2012-12-07得票数 1
回答已采纳
2回答
我正在建立一个即将到来的网站，我想让它变得简单-在页面的死角位置有一张图片，可以扩展到不同的浏览器大小。我正在尝试谷歌它，但没有一个解决方案给我想要的结果。使用max-width会产生奇怪的结果，因为我使用的是以像素为单位的负边距，所以当图像缩放时，这些边距不适用。这是我的当前页面：
html, body
浏览 0提问于2013-11-08得票数 0
我有一个列表，其中li图像向左浮动，并根据窗口大小将自己排列在不同的行数中(使用媒体查询和不同的img大小)。元素之间的垂直间距是通过使用底边距来实现的。但是，在底部行结束的列表项不需要底边距:它在页脚上方留出太多空间。我想出了一种使用JQuery去掉最下面一行项目的下边距的方法(可能效率不高)： window.on
浏览 4提问于2012-09-28得票数 1
回答已采纳
<nav class="navbar bg-primary"> <imgsrc="img/logo.png"width="55"> </d
浏览 35提问于2020-12-17得票数 0
我正在试着把我的汉堡菜单变小(包括高度和宽度)，我已经尝试了一段时间，把它变小了一点，但由于某种原因，我想不出怎么把它变小。我也在努力尝试在它周围画一个完美的圆圈边界。有人能帮帮我吗？我在codepen中找到了这段代码，并对其进行了一些调整，但我正在努力使其恰到好处。
浏览 8提问于2019-11-22得票数 0
回答已采纳
4回答
调整图像大小以适应打印页面的大小
、、、、
我正在调整我的图像的大小，以便在打印出来时，它被缩放成完整的页面，当我打印这个图像时，图像会被稍微裁剪。编辑2With printSettings.DefaultPageSettingsEnd
浏览 0提问于2011-09-26得票数 2
回答已采纳
在这个代码中，我试图为每一张图片写一个标题。除第一张图片及其标题外，pic 2和3的标题不符合它们的css代码。如果让我说出我的错误，我真的很感激。<!</p> <a href="#123"> <img src="https://static.pexels.com/photos/27714/pexels-p
浏览 3提问于2017-04-09得票数 0
回答已采纳
为什么在水平调整屏幕大小时，顶部/底部边距设置为%？
下面是一个带有框的布局示例，我已经将所有的页边距设置为1.45%。我确实理解为什么左边距和右边距变化，但是为什么当我水平调整屏幕大小时，顶部和底部边距会发生变化？是否有任何方法来实现这一点，以便它们仅在调整屏幕垂直大小时才会改变？。
浏览 1提问于2019-05-24得票数 0
回答已采纳
2回答
我使用的是引导带3，正如您在代码中所看到的，我有两个图像。它们都有“..img响应”类，所以我不知道为什么只有第一个类在调整大小，而第二个类总是大小相同。HTML : <img src="img/ea.png" class="img-responsive" id="<em
浏览 7提问于2015-07-25得票数 1
我需要调整一个pdf的大小(以消除页边距)。这不是pdf格式的图像，而是一本书。当然，上/下的边距比左/右的要薄。所以我想知道，在ubuntu中，是否有一种方法可以调整pdf的大小，但是对于水平和垂直调整大小有不同的调整因子。
浏览 0提问于2014-01-22得票数 2
回答已采纳
我正在尝试创建jQuery循环幻灯片，其中不同大小的图像垂直和水平居中，并且还可以重新调整大小以适应窗口大小。其中一些是直接的css，但我需要动态调整在每个图像上的‘顶部’，‘左’，‘页边距-顶部’和‘页边距-左’，然后在幻灯片的第一个图像淡入淡出。因此，我认为需要创建一个回调，其中尺寸和边距是在图像出现之前设置的</e
浏览 0提问于2011-11-06得票数 4
在estimatedItemSize中使用自调整大小的单元格时，我无法让UICollection正确设置sectionInset.left边距。UICollectionview的单元格应该具有一定程度上固定的单元格高度，但宽度根据文本长度动态变化。以下是启用自调整大小时的外观：并且在禁用自调整大小时：奇怪的是，sectio
浏览 7提问于2015-06-16得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
