网格元素之间不需要的空格CSS
是指在使用CSS网格布局时，可以通过设置网格容器的grid-gap属性来控制网格元素之间的间距，从而避免不必要的空格。
网格布局是一种强大的CSS布局方式，它将网页划分为行和列的网格，使得页面布局更加灵活和响应式。在网格布局中，网格容器是包含网格项的父元素，而网格项则是网格容器的直接子元素。
要去除网格元素之间的空格，可以使用grid-gap属性。该属性用于设置网格元素之间的间距，可以同时设置水平和垂直方向的间距。可以通过设置grid-gap属性的值为0来去除网格元素之间的空格。
示例代码如下：
.grid-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr; /* 定义三列网格 */
grid-gap: 0; /* 去除网格元素之间的空格 */
}
.grid-item {
/* 网格项的样式 */
}在上述示例中，.grid-container是网格容器的类名，通过设置grid-gap: 0;来去除网格元素之间的空格。.grid-item是网格项的类名，可以根据实际需求设置网格项的样式。
网格布局适用于各种场景，特别适合用于构建复杂的网页布局和响应式设计。通过合理地使用网格布局，可以实现灵活的页面布局，提高开发效率。
腾讯云提供了云计算相关的产品和服务，其中包括云服务器、云数据库、云存储等。您可以通过腾讯云官网了解更多关于这些产品的详细信息和使用方法。
参考链接：
相关·内容
我希望在div框中包含元素，并且下一项应该从前一项结束的位置开始。同时，我希望每一项之间都有一个间隙。但是，项目和容器边界之间不应该有任何间隙。我在这里设置了一个示例
#A {
font-size:0;
width:200px;
border:1px solid black;
}
#A > div {
display:inline-block;
background-color:orange;
color:white;
padding:10px;
font-size:14px;
margin:0 10px 10px 0;
}
<div id
浏览 1提问于2020-11-15得票数 0
2回答
我正在创建一个灵活的网格网站，我遇到了一个麻烦。看起来，CSS属性max-width:100%;并不是在处理我的徽标图像。它应该和柔性网格一起调整尺寸，但它不是。可能我没有正确调用图像，还是语法不正确？图像是200x67，下面是相关的HTML：
<header>
<img src="images/so_200.png" alt="Website.com" id="logo" />
</header>
下面是CSS的内容：
header {
background-color:#ccc;
padding:1%;
}
浏览 3提问于2015-10-02得票数 0
回答已采纳
我把这四个div标签安排在2x2网格中(中间一个只用于换行)
<div class="rectangle"></div>
<div class="rectangle"></div>
<div class=""></div>
<div class="rectangle"></div>
<div class="rectangle"></div>
与此css一起：
.rectangle {
wi
浏览 0提问于2017-10-19得票数 2
回答已采纳
我知道这一定是问得最多的问题之一，但我真的想要理解-为什么为什么合理的网格菜单必须在<li>设备之间有一个空间？
我在这里举了一个例子：
CSS：
.inline-list {
text-align: justify;
list-style: none;
margin: 0;
padding: 0;
}
.inline-list:after {
content: "";
display: inline-block;
width: 100%;
}
.inline-list li {
display:
浏览 5提问于2014-01-17得票数 0
回答已采纳
问题
由于某种原因，li项目的左右边框没有接触，它们之间大约有一个4-5px的缺口。，我不知道它是从哪里来的.我花了很长时间在火虫里鬼鬼祟祟.
标记
<div id="menucontainer">
<ul id="menu">
<li><a href="google.com"></a></li>
<li><a href="google.com"
浏览 6提问于2010-10-15得票数 14
回答已采纳
2回答
内联-块在iPad上不起作用
、、、、
我使用Codrops教程和我自己的知识构建了一个网格布局。网格是使用display:inline-block;和nth-child设置的，以删除最后一个元素的填充，这样它们就不会断到下一行。随着网格大小的变化，我在媒体查询中使用了不同的第n个子元素来删除最后一个元素的填充，无论它是第三个元素、第二个元素还是第一个元素。
在所有桌面浏览器上都能正常工作，但在iPad上就不行了。
在iPad上，由于某些原因，网格在错误的位置崩溃，这看起来很糟糕。
我不知道从哪里开始测试这个bug，因为它在缩小浏览器窗口时工作得很好。我已经用iOS模拟器进行了一些测试，但都没有效果。然而，有趣的是，在初始页面加载时
浏览 5提问于2013-06-26得票数 0
我正在创建一个可排序的拖放组件，用户可以根据自己的喜好对网格项目进行排序和重新排序。我正在放置绝对位置的项目，以获得正确的动画。 基本上，我有一个容器，一行将有n个元素，我需要将这些元素放置在彼此相等的距离上。 ? 我需要找到一种可靠的方法来计算每个元素的左值，以便它可以正确放置。 以下是我当前的代码： let rowElemsCount= 4;
const arrangeItems = (items,rowElemsCount,container,elemWidth,elemHight) => {
elemHight= elemHight|| elemWidth;
浏览 26提问于2021-06-21得票数 1
回答已采纳
在我的导航栏上盘旋一个顶级的li元素，
当我没有为li元素定义背景色时，这会让我很苦恼，因为我们可以看到下面的菜单项似乎没有链接到li元素。
通过使用Chrome的调试器，我发现li和img元素的高度不同：
我试图在li元素上找到任何默认的填充或边距值，但是找不到，所以我不知道这个空间来自哪里。
请注意，我已经用此css代码禁用了UL的间距：
nav ul {
list-style: none;
margin: 0;
padding: 0px;
}
你能解释为什么这个空间会出现，并告诉我如何删除li元素上不需要的空间吗？
浏览 3提问于2016-10-06得票数 0
回答已采纳
2回答
如何在计算图像宽度时引入边距？
、、、、
以下代码生成砌体布局：
<ngx-masonry class="masonry" [options]="myOptions">
<div ngxMasonryItem class="masonryItem" *ngFor="let post of posts;index as idx" (click)="showPostDetail(post)" >
<div class="crop">{{post.description}}</div>
浏览 2提问于2020-10-05得票数 0
2回答
我使用的是jqgrid 4.5.4。
我正在尝试使用这个选择器应用一些css
.ui-jqgrid tr.jqgrow td {
word-wrap: break-word; /* IE 5.5+ and CSS3 */
white-space: pre-wrap; /* CSS3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
浏览 1提问于2018-06-27得票数 0
回答已采纳
3回答
我添加了一个forbody类，并将其放入css的主体部分。css中的代码也是一样的。但不起作用。
代码中的
<body class="forbody">
</body>
中的css
body .forbody {
padding: 0px;
margin: 0 auto;
max-width: 100px;
height:1150px;
}
浏览 3提问于2014-04-11得票数 1
回答已采纳
1回答
我正在尝试从使用特定CSS类的每个grid实例中移除网格单元格焦点样式。
CSS
.v-grid-cell-focused:before {
display: none !important;
}
效果很好，但将样式应用于我的应用程序中的所有Grid实例。
我尝试通过以下方式将其专门应用于CSS类：
.mygrid.v-grid-cell-focused:before {
display: none !important;
}
或
.v-grid-cell-focused.mygrid:before {
display: none !important;
}
或
.my
浏览 11提问于2017-07-12得票数 1
回答已采纳
2回答
这些箱子我一直有问题。问题是，我需要使文本对齐始终在框+图像的中间，不管它有多少行。请看下面的例子，非常感谢：
(我正在使用960网格)
<div class="grid_4 prod-box-small alpha">
<h5>Shampoos</h5>
<div class="prod-img-box-small"><img src="images/product_small_1.jpg" alt="" /></div>
浏览 0提问于2013-12-05得票数 0
回答已采纳
2回答
所以，我以为我知道基本的CSS，但我的大脑现在很扭曲。我想在我的网站上实现960网格系统，但在此之前，我想要完全理解代码的原理。
我有两个问题。首先，css控制列的宽度。左侧是父类".container“，右侧是两个类，其中"column”类是“1”和" two“类的后代选择器。这是不是说，如果类"column“包含在"one”和"container“中，那么它的宽度是40px？简单地说:我真的不明白这三个元素之间的关系。
.container .one.column { width: 40px; }
.container .
浏览 0提问于2012-10-29得票数 2
回答已采纳
我正在尝试使用宽度设置为%的css网格(这样我就可以合理地使用它)，而不使用浮动(个人不喜欢！)。
在本例中，我使用的是，其中添加了适当的变量。您可以在github页面上查看链接的demo。
没有提到为网格分配宽度的“容器”类，所以我添加了.container (这也是csswizardry grids演示所具有的)和一个最大宽度(为稍后的其他断点做准备)。容器有左填充和右填充，以允许填充：.grid__item上的左填充。
.container {
margin: 0 auto;
padding: 0 $gutter;
max-width: 960px;
}
scss
浏览 1提问于2013-05-09得票数 3
4回答
我正在尝试为我正在处理的页面设置一个外部css文件。
在我的html文件中有一行
div id="something"
我希望更改该div中文本的颜色，因此在我的.css文件中有一行
div #something {color: red;}
但是颜色不会改变，我只是在学习，我已经花了很多时间试图找出我做错了什么，但我不能弄清楚。任何帮助都非常感谢
浏览 1提问于2020-04-10得票数 1
我有一个div列表，每个div里面都有一个图像。在加载页面之前，图像的宽度是未知的。我有一个宽度为960px的容器div。如何在行中排列图像，使每行具有尽可能多的图像，以使行宽度允许？因此，例如，如果我有4个图像(300px，400px，200px，250px)，我需要在一行中有前3个图像，而在第二行中有第4个图像，因为将所有4个图像都放在一行中将获得大于960的宽度。在每一行上，图像应该居中。
我已经尝试了所有我能想到的使用css的方法，但没有找到一种可行的方法。
有什么想法吗？
浏览 0提问于2012-04-05得票数 1
回答已采纳
我刚刚发现了Skeleton样板，它使用网格。这是github上的css：
不同的列类布局为.one.columns、.two.columns等。
我以前没有在CSS中看到过这种语法。
假设.one.columns {}与.one, .columns {}不同，前者只影响带有class="one columns"的元素，而后者影响带有class="one"和class="columns"的两个元素，这样的假设是否正确
这就是：
.one.columns = .one AND .columns
.one, .columns = .one OR .
浏览 2提问于2012-07-26得票数 0
回答已采纳
4回答
我使用纯CSS来布局一个站点，我遇到了一个问题。如果嵌套的网格元素之间有空格，它会破坏布局，并将最后一个div推入下一行。我创建了一个尽可能少的测试网站来测试是否只有我，而且我仍然在遇到这个问题。
<html>
<head>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css">
</head>
<body>
<div class="pure-g"&g
浏览 0提问于2014-05-29得票数 4
回答已采纳
3回答
我有一个用例，我想用CSS绘制矩形。我需要他们看起来像这样：
我设法画出了更小更高的盒子，但是我想不出怎么画那些掉到线下的盒子。这是一个
：我的HTML:
<div class="word">
<p class="letter taller"></p>
<p class="letter"></p>
<p class="letter"></p>
<p class="letter hanging&
浏览 4提问于2013-11-16得票数 3
回答已采纳
4回答
好的，我有以下CSS：
.gridViewStyle tr th, .gridViewStyle tr td {
padding: 5px;
}
它按预期工作，并将填充应用于th和td元素。然而，我真的需要多次声明完全限定的路径吗？，或者换句话说，是否有一种更简洁的方法来做同样的事情？
更新
特异性
至于特殊性，我不能将其应用于其他表，必须严格地将其应用于具有此CSS类的网格视图。
浏览 4提问于2012-11-16得票数 2
回答已采纳
1回答
文本-对齐:证明不起作用
、、、
在过去的几天里，我已经成功地使用了描述的方法。
它说明了如何通过对父容器应用文本对齐:正确性来避免计算网格中块的基于百分比的边距。
An :在psuedo元素之后，确保始终有"text“被强制放到下一行，以确保它是正确的。
但是在中，这些块没有响应文本对齐:正当性。下面的代码在其他地方运行得很好，所以我遗漏了一些东西。
HTML
<div class="container"><div class="contents"></div><div class="contents"></div&
浏览 2提问于2014-12-28得票数 1
回答已采纳
3回答
我一直在看CSS伪类，并且一直在使用一些可用的类来看看什么可以做，哪些不能做。
我的问题是：
我希望使用:第一个子选择器来针对出现的段落的第一个实例。
例：
p:first-child {
color:#333;
font-weight:800;
}
我还想做的是选择第一段的第一个字母，并增加第一个字母的字体大小。
要选择每一段的第一个字母，我将使用以下css：
p:first-letter {
font-size:1.6em;
}
然而，使用上面的代码，我只针对每一个p块文本的第一个字母，而我只想针对第1段的第一个字母。
我尝试了下面的代码来针对我所需的元素，但是它不起作用
p:f
浏览 0提问于2014-04-08得票数 1
回答已采纳
当我有inline-block父元素和子元素时，IE会显示它们之间的重影空间：
我可以通过删除html中的空格来解决这个问题，但我想知道是否有css跨浏览器解决方案。
.bar {
height: 30px;
}
.section {
display: inline-block;
height: 100%;
background: red;
}
.section::before {
content: "";
display: inline-block;
height: 100%;
vertical-align: midd
浏览 0提问于2017-02-08得票数 0
1回答
这可能是一个愚蠢的问题，所以我提前道歉。
我正在为我的网站设计一个CSS网格。网格的总宽度被划分为12 columns的1150px。但是当涉及到间隔宽度时:最好是使用小宽度还是大宽度？或者你会根据你想要的网站的外观/样式来选择吗？
谢谢你的帮助！
浏览 1提问于2013-07-19得票数 0
回答已采纳
5回答
如何选择像class="boolean optional"这样的类？
我已经尝试过了：
.boolean optional {CSS}
.boolean_optional {CSS}
浏览 3提问于2011-07-31得票数 41
回答已采纳
2回答
我有一个页面应用程序，其中许多字段包含一个权重。如果体重是以磅为单位，我想用海蓝宝表示，如果是以公斤表示，用黄色表示。要使用的颜色在sUnitColor中。所有包含权重的字段都有一个class='weight'。我用以下颜色来改变颜色：
$('.weight').css('color',sColorUnit);
这在整个页面中都很好，除了在表td单元格中，即使它们有class='weight'。它们保持不变。
表格单元格是否有什么特别之处妨碍了它的工作？
我也试过：
$('td .weight').css('
浏览 6提问于2015-12-01得票数 0
回答已采纳
1回答
此时，我假设jQuery在使用CSS选择器时使用的格式与CSS完全相同。
但是，我的JS中有以下一行(有日志试图查找问题)
boxheight = $('.item .active > .html-carousel-slide > .slide-content-box').height();
console.log(boxheight);
现在，当我查看控制台日志时，它说的是Null，我假设它没有正确地选择，因此变量从来没有初始化过，所以仍然保留在Null。
我选错元素了吗？绝对是正确的等级制度。
浏览 6提问于2016-08-03得票数 0
回答已采纳
3回答
首先，我想说的是，我已经测试了我的链接到我的.css工作，背景是一个黑色。
这是我正在制作的div测试应用程序，我很难定位嵌套在ASP.NET框中的一些元素。我得出的结论是，嵌套在topmostheader框中的div框忽略了我的.css代码。
下面是我的整个css文件，名为custom1.css
#topmostheader
{
background: none repeat scroll 0% 0% rgb(0, 0, 0);
height: 90px;
text-align: center;
}
#topmostheader.inn
浏览 0提问于2012-03-05得票数 2
回答已采纳
4回答
重置css (img)
、、、
我是CSS的新手，所以有一个简单的问题。
这是我的脚本=>
<!DOCTYPE html>
<html>
<head>
<title>Default</title>
<meta charset="UTF-8">
<style type="text/css">
body,div,html,img
{
margin: 0;
padding: 0;
border: 0;
}
</style
浏览 1提问于2012-03-01得票数 3
回答已采纳
2回答
我尝试仅在两个不同的类附加到div时才应用CSS :hover选择器。我已经尝试过了，但这消除了悬停效果。
.accordionButton .cyan:hover{
color: cyan;
}
我也不能这样做：
.accordionButton:hover, .cyan:hover{
color: cyan;
}
因为我还有另外两种颜色，我也在尝试这样做。
基本上，有没有办法让CSS仅在同时是.accordionButton和.cyan的div上悬停时应用？
浏览 5提问于2013-02-08得票数 6
回答已采纳
4回答
CSS新手在这里。奇怪的事情发生了，我的链接之间有差距，我不知道为什么。
我使用超文本标记语言html5样板css进行重置。
HTML代码：
<div id="style-switcher">
<a href="#" id="theme-1" data-theme="css/theme1.css">Link 1</a>
<a href="#" id="theme-2" data-theme="css/theme2.css
浏览 1提问于2012-06-29得票数 0
回答已采纳
我一直在尝试实现Chris Coyier的内联块+文本对齐解决方案，以便在给定包装器的宽度内自动水平分布div。
当元素立即加载到DOM中时，这种方法效果很好，但是由于某种原因，当通过JS以编程方式添加元素时，它会失败。这就好像浏览器忽略了css属性一样。
查看此小提琴中非常基本的示例：前两行是在HTML load上添加的。单击该按钮可通过JS在运行时添加更多内容。
最初，我认为这可能与伪元素的使用有关:所以后来我尝试了一个不同版本的DOM节点：。不幸的是，它的反应方式完全相同。
有人知道为什么会发生这种情况吗？或者更好的是，如何修复/预防它？
浏览 0提问于2012-10-10得票数 5
回答已采纳
2回答
html
<div id="home_header_minitab">
<img src="topnavi_1.gif" />
<img src="topnavi_2.gif" />
<img src="topnavi_3.gif" />
<img src="topnavi_4.gif" />
&
浏览 5提问于2013-12-04得票数 0
回答已采纳
3回答
我正在为网页创建一个表单，使用HTML、CSS和角JS。我已经成功地实现了我想要的，但我不认为这是一个很好的方式，只是想知道是否会有另一种方法来实现同样的结果？(也许没有，但我还是想问一下)。
基本上，我使用AngularJS表单来验证我的表单。如果表单有效，它将ng-valid类应用到for)。在我的表单中，如果窗体无效，则显示红色X的背景图像；如果窗体有效，则显示绿色勾选。一旦表单有效，就会添加ng-valid类，因此我有以下CSS来更改图像：
.ng-valid>div>div>div>div>a>div>div.regImg1{
ba
浏览 8提问于2014-07-21得票数 1
回答已采纳
源代码中HTML元素之间的空格有关系吗？当我们通过CSS赋予风格的时候？并且需要跨浏览器的兼容性
适用于任何浏览器？
浏览 0提问于2010-06-08得票数 8
回答已采纳
1回答
当我尝试在Firefox3.6上使用下面的代码制作菜单时，出现了一个间隙，它在IE 8中工作正常。有人能建议一下解决方法吗？
<html>
<title>Menu</title>
<head>
<link rel="stylesheet" type="text/css" href="menu.css" />
</head>
<body>
<ul>
<li><span>Faculty</span>
浏览 0提问于2011-01-16得票数 0
1回答
我正在做一个项目，我需要在控制台中插入坐标以返回网格中的一个位置。我的网格是10*10，行中有数字，列中有字母。我希望能够输入像A1这样的东西，并将其解释为"column1，row1“
到目前为止，我得到了：
def get_coor():
user_input = input("Please enter coordinates (row,col) ? ")
coor = user_input.split(" ")
return coor
但我只有在有空间的情况下才能分开。在这种情况下，有没有其他功能可以帮助我？
浏览 17提问于2018-12-18得票数 0
1回答
我的反应非常新，所以我可能会问一些非常琐碎的事情，但过了一段时间，在我看来，黑暗魔法，我无法使一些简单的应用风格工作正常。
我是，一些简单的事情。直到我到了需要应用样式的地步。React 一贯地忽略了我的所有样式。
我使用的CSS很简单，我还更改了body的背景以查看它是否有效，但是它被忽略了：
*, *::before, *::after {
box-sizing: border-box;
};
body {
background-color: #ffa3a3; /*#f3f3f3;*/
margin: 100px;
}
.container.ql-editor
浏览 8提问于2022-09-28得票数 0
回答已采纳
2回答
我有以下HTML代码：
<section class="container">
<div class="search"></div>
</section>
这些CSS规则：
*, *:before, *:after {
box-sizing: border-box;
}
body, section, div {
margin: 0;
padding: 0;
}
html, body { height: 100%; }
.container {
display: inli
浏览 1提问于2013-06-28得票数 4
回答已采纳
在研究如何从CSS中的列表元素构建嵌套表时，我偶然发现了这个页面：。
我注意到样式表使用了一些我在CSS中不熟悉的符号，即>和*符号，它们看起来像是某种CSS操作符。
例如：
ul#navlist li * a:link, ul#navlist li * a:visited
我在谷歌上搜索了一下，发现>只表示两个元素之间的父/子关系，但我仍然不知道*是做什么的。我也很想知道是否还有其他类似的“运算符”，如果有的话，有人能告诉我所有这些运算符的参考资料吗？
浏览 2提问于2011-08-26得票数 2
回答已采纳
一直在纠结于一个问题。
我有一个行为非常奇怪的列表，一直找不到问题，直到我对它进行了修改，看到整个文件都打印在一行中。
就像这样。
<div class="clock-content-wrapper"><ul class="clock-digit-wrapper hour"><li class="clock-digit-one"></li><li class="clock-digit-three"></li></ul><ul class=&#
浏览 0提问于2013-02-08得票数 2
回答已采纳
2回答
我有一个简单的html，其div受宽度限制。在我的内部，我有许多用span配置的nowrap标记。我的css：
.content {
width: 50%;
margin: 10px;
padding: 10px;
border: 1px solid black;
}
.adder {
color: blue;
cursor: pointer;
}
.added {
position: relative;
white-space: nowrap;
}
我的html：
<div class="content"&
浏览 3提问于2015-05-02得票数 2
回答已采纳
4回答
想要建立一个这样的网格，其中div/节是百分比。任何地方的保证金都是一样的。
如果我将页边距设置为1px，但我希望使用1em或10 1px左右，下面的代码可以工作。我该怎么做？
html
<html>
<head>
<title>Title</title>
<link rel="stylesheet" type="text/css" media="all" href="default.css" />
</head&g
浏览 5提问于2014-01-21得票数 0
回答已采纳
2回答
针对特定的li项
、、
在我的代码中，我有这样的列表项；
<div id="content">
<ul class="kwicks">
<li id="home"><span class="header"></span>
在CSS中，我有这样的样式；
.kwicks li{
display: block;
overflow: hidden;
padding: 0;
cursor: auto;
}
但是，我希望每个列表项都有不同的背景图像，而且我很难专门针对每个列表
浏览 4提问于2012-06-25得票数 0
回答已采纳
1回答
我有一个父元素和一些子元素，但是我不能直接更改他们的CSS。因此，我试图在我的父元素的CSS中更改我的子元素的css。示例：
.parent {
& .child {
::after {
width: 100%;
background-color: black;
}
}
}
这只是一个简单的例子，说明我想要更改我的子::after伪元素。
我该怎么做？
浏览 0提问于2019-09-11得票数 0
回答已采纳
为什么Google Chrome在选择3次鼠标点击的文本时总是在一行的末尾添加一个空格？
您认为我们可以使用CSS或JavaScript来删除它吗？(坏主意，只是想避开这件事)
街区：
当我点击文本3次时：
一个gif例子：
<body>
<div>
<h1>Example Domain</h1>
<p>This domain is established to be used for illustrative examples in documents. You may use this
浏览 6提问于2016-07-19得票数 34
回答已采纳
我从前端开发人员那里获取了一个html。菜单的一部分如下所示：
<ul id="subNav">
<li><a href="#">Menu item 1</a></li>
<li><a href="#">Menu item 2</a></li>
</ul>
我不得不添加一些编程标记，为了使代码更容易阅读，我将其更改为：
<ul id="subNav">
<li>
浏览 2提问于2015-01-29得票数 0
因此，我在页面加载时加载了40个元素，当用户按下一个按钮时，会追加另外40个元素(相同的元素类型和CSS类)。与在页面加载时加载的前40个元素相比，动态加载的40个元素之间的空间更小(尽管它们不应该如此，因为它们具有相同的样式)。我不能让它们工作，有什么想法吗？谢谢
浏览 1提问于2017-02-18得票数 0
4回答
我试图创建一个布局，其中垂直间距之间的div是完美的像素。到目前为止，我已经排除了几乎所有的大型网格系统(960.gs，Blueprint)，因为它们根本没有垂直间距的解决方案。使用它们，在div之间设置垂直间距的唯一方法是使用body { line-height }属性并使用该属性操作div间距。我不认为这是一个解决方案，因为它破坏了您的模板，取决于字体系列，并且不允许您对不同的div使用不同的空格。
我发现的唯一支持垂直间距的网格系统是，它不使用body {线高}，但是它有自己的.clear {.clear: 5px }来表示垂直间距。
我的问题是，无论我如何尝试，我都无法使间隔在HTML
浏览 7提问于2011-02-05得票数 19
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
