如何在SharePoint中的行之间删除间距？

发布于 2025-02-11 04:51:43 字数 796 浏览 0 评论 0原文

为了获得一些首选格式，我将1张图像拆分为10x10较小的图像，然后将它们输入到SharePoint的页面上以重新创建图像，然后将链接分配给某些图像以匹配整体形状。（试图以六角形，梯形形状制作按钮）。

无论如何，当我从一行到下一条线时，问题是在发生问题，这之间有一个小的白色差距会破坏较大的图像。我删除了图像编辑色带中的水平和垂直间距，尝试了Shift + Enter，将线运行到下一个，没有Enter。我还添加了填充：0px和Border：0px在每个图像的源代码中。两次都通过添加水平间距和包括垂直间距，这实际上使问题变得更糟？

我只需要图像即可直接堆叠在没有间距的情况下。

<p dir="ltr" style="text-align: left;">
   <img alt="13.png" src="..." style="margin: 0px; width: 80px; height: 71px;"/>
   <img alt="23.png" src="..." style="margin: 0px; width: 80px; height: 71px;"/>
   <br/>
   <img alt="14.png" src="..." style="margin: 0px; width: 80px; height: 71px;"/>
   <img alt="24.png" src="..." style="margin: 0px; width: 80px; height: 71px;"/>
   <br/> 
   <br/> &#160;</p>

原文

In order to get some preferred formatting I split 1 image into 10x10 smaller images and I am inputting them onto a page in sharepoint to recreate the image, then will assign links to some of the images to match the overall shape. (Trying to make buttons in the shape of hexagons, trapezoids).

Anyways, problem is ocurring when I go from one line down to the next, I have a small white gap in between that breaks up the larger image. I have removed the horizontal and vertical spacing in the image editing ribbon, tried shift + enter, running the line onto the next with no enter. I also have added padding: 0px and border: 0px to the source code for each image. Both times it actually makes the problem worse, by adding horizontal spacing and including the vertical spacing?

I just need my images to directly stack on top of each other with no spacing.

<p dir="ltr" style="text-align: left;">
   <img alt="13.png" src="..." style="margin: 0px; width: 80px; height: 71px;"/>
   <img alt="23.png" src="..." style="margin: 0px; width: 80px; height: 71px;"/>
   <br/>
   <img alt="14.png" src="..." style="margin: 0px; width: 80px; height: 71px;"/>
   <img alt="24.png" src="..." style="margin: 0px; width: 80px; height: 71px;"/>
   <br/> 
   <br/>  </p>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

几度春秋 2025-02-18 04:51:43

据我了解，这是您现在的结果：

如果是这样，您需要做的就是添加display; 和flex-wrap：wrap; to图像的div父母，例如：

<style>
.container {
  display: flex;
  flex-wrap: wrap;
}

.container img {
  width: 10%;
}
</style>

<body>
  <div class="container">
    <img src="..." />
    <img src="..." />
    .
    .
    .
    <img src="..." />
  </div>
</body>

As far as I understand, this is your result now:

And you want to achieve this:

If that's the case, all you need to do is add display: flex; and flex-wrap: wrap; to the div parent of your images, like this:

<style>
.container {
  display: flex;
  flex-wrap: wrap;
}

.container img {
  width: 10%;
}
</style>

<body>
  <div class="container">
    <img src="..." />
    <img src="..." />
    .
    .
    .
    <img src="..." />
  </div>
</body>

回复收藏 0 原文

~没有更多了~