spacing 相关问题

指两个对象或实体之间的空白区域（页面或屏幕）。

HTML 表格在单元格周围添加 4px [重复]

我可能会错过一些愚蠢的事情，但我需要有人帮助。我拍摄了一张图像并使用 Photoshop 将其切成块。我正在尝试使用 HTML 表重建它。我设法重新创建...

html html-table spacing

回答 1 投票 0

Css：字体在不同浏览器上有不同的顶部/底部间距

我得到了 Venner 字体，它在不同的浏览器/操作系统中具有不同的顶部/底部间距。字体大小为rem，行高：1。我用的是normalize.css；边距和填充均为 0；尤其是问题...

css fonts frontend spacing

回答 1 投票 0

颤振中列的多个子项之间存在不需要的空间

我在删除列内的扩展小部件之间的空间时遇到问题，这是我最多 4 个扩展小部件的代码，还有 3 个，我已经尝试了很多事情，但仍然无法...

flutter dart spacing

回答 1 投票 0

如何更改 Typst 中的段落间距？

如何更改Typst中的段落间距？我们有任何代码来执行它吗？看来函数 par() 不是这样的...... 我试图寻找相关代码，但没找到......

spacing paragraph typst

回答 1 投票 0

如何使用 CSS 减少 bootstrap-5 中卡片之间的间距

如何使用 CSS 减少 bootstrap-5 中卡片之间的间距。这是卡片部分的 HTML 代码。 <... 如何使用 CSS 减少 bootstrap-5 中卡片之间的间距。这是卡片部分的 HTML 代码。 <section id="services"> <div class="container"> <div class="row text-center"> <div class="col-md-12"> <img src="images/network.png" class="service-img"> <h4 class="services-head mb-2">Search Facilities</h4> </div> </div> <div class="row row-cols-1 row-cols-md-2 g-0"> <div class="col-md-3"> <div class="card"> <img src="images/network.png" class="service-list"> <div class="card-body"> <h4 class="card-title">Blood</h4> </div> </div> </div> <div class="col-md-3"> <div class="card"> <img src="images/network.png" class="service-list"> <div class="card-body"> <h4 class="card-title">Donation</h4> </div> </div> </div> <div class="col-md-3"> <div class="card"> <img src="images/network.png" class="service-list"> <div class="card-body"> <h4 class="card-title">People Needs</h4> </div> </div> </div> <div class="col-md-3"> <div class="card"> <img src="images/network.png" class="service-list"> <div class="card-body"> <h4 class="card-title">Education</h4> </div> </div> </div> </div> </div> </div> </section> 这是CSS代码： #services{ padding: 80px 0; } .service-img{ width: 100px; margin: top 20px; } .services-head{ color: #2596be; padding-top: 10px; font-family: "Exo", sans-serif; } .card{ text-align: center; margin-top: 10px; border-color: #2596be; border-radius: 5px; padding: 30px 0; width: 150px; height: 150px; } .card .card-title{ color: #2596be; font-family: "Exo", sans-serif; font-size: medium; } .service-list{ width: 70px; margin-left: auto; margin-right: auto; display: block; } 我尝试了太多但无法消除间距。正如您在图像中看到的空间。卡之间的间距是固定的。我尝试了很多方法来修复它，但还是不行。两个容易被忽视的问题导致了您的问题。首先，卡片具有默认边距和填充，必须手动将其设置为零。第二个位于指定列的单独 div 中。我像这样重组了你的代码： #services { padding: 80px 0; } .service-img { width: 100px; margin-top: 20px; } .services-head { color: #2596be; padding-top: 10px; font-family: "Exo", sans-serif; } .container { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .card { text-align: center; margin-top: 10px; border-color: #2596be; border-radius: 5px; width: 150px; height: 150px; margin: 0; } .card .card-title { color: #2596be; font-family: "Exo", sans-serif; font-size: medium; } .service-list { width: 70px; margin-left: auto; margin-right: auto; display: block; } <section id="services"> <div class="container"> <div class="row text-center"> <div class="col-md-12"> <img src="images/network.png" class="service-img"> <h4 class="services-head mb-2">Search Facilities</h4> </div> </div> <div class="row d-flex flex-row justify-content-center"> <div class="card"> <img src="images/network.png" class="service-list"> <div class="card-body"> <h4 class="card-title">Blood</h4> </div> </div> <div class="card"> <img src="images/network.png" class="service-list"> <div class="card-body"> <h4 class="card-title">Donation</h4> </div> </div> <div class="card"> <img src="images/network.png" class="service-list"> <div class="card-body"> <h4 class="card-title">People Needs</h4> </div> </div> <div class="card"> <img src="images/network.png" class="service-list"> <div class="card-body"> <h4 class="card-title">Education</h4> </div> </div> </div> </div> </section>

html css bootstrap-5 spacing card

回答 1 投票 0

设置按钮javafx中元素之间的间距

我想指定JavaFX按钮中两个元素之间的间距，代码如下： ImageView fiv = new ImageView(new Image("/modified/map.png")); fiv.setFitHeight(20); 五.

button javafx element spacing

回答 2 投票 0

当我添加幻灯片、标题等新内容时，Div 不会移动并创建新空间

我的问题的屏幕截图我正在制作一个个人网站，我试图在 div 和页脚之间添加幻灯片，但是当我尝试时它总是转到左上角，并且它保持在后面...

spacing

回答 1 投票 0

为什么我的 justify-content 属性不起作用？

我试图通过将“justify-content”属性应用到父 div 来在模板的侧边栏和内容区域之间添加一些空间，但它并没有在

css flexbox spacing

回答 12 投票 0

为什么在 Firefox 中删除了未加载图像周围的间距？

在 Firefox 中，未加载的图像周围的间距将被删除。重现代码：如果图像加载，填充就可以了在 Firefox 中，未加载的图像周围的间距将被删除。重现代码： <h2>If image loads, padding is fine</h2> <img src="https://picsum.photos/200" alt="alt"> <h2>Firefox issue if image does not load: img is moved upwards</h2> <img src="broken" alt="alt"> <style> img { padding: 50px 0; background-color: #ccc; } Chrome 中的结果 ✅ Firefox 中的结果❌ 演示：https://jsfiddle.net/7vsu5m8q/ Firefox 正在将损坏的图像视为内联元素。在正常情况下，图像是替换的内联元素，因此填充适用于它。当没有图像内容时，Firefox 似乎会忽略“替换”部分，并将图像仅视为“内联元素”，并且应用于内联元素的填充不会影响布局我不知道这是否是正确的行为（需要深入研究规范），但要克服这个问题，请制作图像inline-block <h2>If image loads, padding is fine</h2> <img src="https://picsum.photos/200" alt="alt"> <h2>Firefox issue if image does not load: img is moved upwards</h2> <img src="broken" alt="alt"> <style> img { padding: 50px 0; background-color: #ccc; display: inline-block; }

css image spacing alt-attribute

回答 1 投票 0

如何调整间距以从chordpro 格式打印和弦以在歌词上方对齐？

const fs = require('fs'); const fileName = '歌曲/金发姐姐.txt'; fs.readFile(文件名, 'utf8', (err, data) => { 如果（错误）{ 控制台.错误（错误）；返回; } // 分割 f...

javascript spacing chord

回答 1 投票 0

我在 Div 框中的文本开始位置低于 Div 框的顶部，我应该如何修复它？

我正在尝试创建一个网站，当您向下滚动时，其中有一个带有文本的 Div 框，但文本向下缩进得很远。这是我的网站（忽略自动向下滚动，我正在努力），...

html css spacing

回答 1 投票 0

在 HTML 中，您是否在行之间插入一个小空格

当我使用时，我得到了很大的空间，但是当我使用时，我没有得到足够大的空间。我想要在“血糖水平”和“我最近被诊断出......”之间留出较大的空间当我使用 <p> 时，我得到了很大的空间，但是当我使用 <br\> 时，我没有得到足够大的空间。我想要在“血糖水平”和“我最近被诊断出……”之间留出较大的空间为您的内容使用正确的标记（最好是语义标记）可以极大地帮助您设计该内容的样式： <h1>What vitamins amd supplements help control glucose levels?</h1> <p>I am a recently diagnosed type-II diabetic. Lately, my glucose levels have been very high.</p> 使用CSS： h1 { font-size: 1.2em; margin: 0; /* removes any default margin placed on the h1 element */ } h1 + p { /* selects only those p elements immediately following a h1 */ margin: 1em 0 0 0; /* short hand for margin-top margin-right margin-bottom margin-left */ } 此 JS Fiddle 演示的结果。这里已经回答了：如何更改的高度？您可以简单地使用段落（P）并为其分配一个CSS类。使用该 css 类，您可以设置顶部和/或底部边距。 abc 简单如 1、2、3 .简介 { 底部边距：10px； } 尝试使用标题 <h1>, <h2>, <h3> 元素而不是段落元素。此外，还可以使用级联样式表 (CSS) 对演示文稿进行极致控制。在这种情况下，您可以使用 margin-bottom 属性来控制间距。检查 w3schools 的优秀 CSS 教程或者直接使用 Google。尝试在 css 中设置行高。或替代方案尝试在 br 元素上设置 margin-top、margin-bottom。您应该将第一个文本（“什么...级别？”）放在 div 中，给它一个 id，然后更改 css 属性“margin-bottom:Xpx;”其中 X 是两个文本之间的空间高度。您有几个不同的选择... 调整元素上的类的边距和/或填充插入一个 div，其宽度=“100%”，高度等于您想要的元素之间的空间如果您只想执行要求的操作，请在两行之间插入一个小空格，这对我有用。

html css spacing

回答 8 投票 0

我的博客的移动视图中的间距不存在

请帮我修复博客移动视图上的间距。该网站是factbud.com。桌面视图很好。先感谢您。我没有尝试任何事情，因为我害怕弄乱整个

wordpress mobile view blogs spacing

回答 1 投票 0

vscode：禁用 JSON 文件中括号内的空格添加

我正在 VSCode 中编辑 JSON 文件。每次保存文档时，括号的开头和结尾都会添加空格。例如，如果我有以下代码。 { “一”：['1'，'11'] } 我...

visual-studio-code formatting spacing

回答 1 投票 0

Flex-item 不会随 flex-shrink 一起收缩

我想缩小这些弹性项目中的任何一个，但即使使用弹性收缩，我似乎也无法管理它。我尝试更改 .row （flex 父级）的 vh 和 vw 。我增加和减少了利润并且