Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/drupal/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何删除不需要的边距_Html_Css_Html Lists - Fatal编程技术网

Html 如何删除不需要的边距

Html 如何删除不需要的边距,html,css,html-lists,Html,Css,Html Lists,我有一个HTML列表,并按列宽将它们分开。但每一列之间都有一个空格,我不知道如何删除。我似乎无法接近。我希望它像没有任何空间的行一样,或者至少我选择空间的大小 这是我的ul代码 ul { height:400px; background-color:#666; list-style-type: none; -webkit-column-width:200px; } 这是演示:将以下内容添加到CSS中 margin:0; padding:0; 某些浏览器仍会在某些块级元素周围显示一些边距。如果

我有一个HTML列表,并按列宽将它们分开。但每一列之间都有一个空格,我不知道如何删除。我似乎无法接近。我希望它像没有任何空间的行一样,或者至少我选择空间的大小

这是我的ul代码

ul {
height:400px;
background-color:#666;
list-style-type: none;
-webkit-column-width:200px;
}

这是演示:

将以下内容添加到CSS中

margin:0;
padding:0;

某些浏览器仍会在某些块级元素周围显示一些边距。如果页边距仍然显示,请向其添加浮点值。

将以下内容添加到CSS中

margin:0;
padding:0;

某些浏览器仍会在某些块级元素周围显示一些边距。如果您的页边距仍然显示,请添加一个浮点值。

将以下内容添加到UL样式中

-webkit-column-gap:0px;

将以下内容添加到UL样式中

-webkit-column-gap:0px;
还有一个技巧(不确定它是否能在所有浏览器中工作):

为了在chrome中正常工作,应该删除webkit列宽。

还有一个技巧(不确定它是否能在所有浏览器中工作):

为了在chrome中正常工作,应该删除webkit列宽。

我可以试试这个吗

CSS

我可以试试这个吗

CSS


-webkit
前缀样式仅针对Safari和Chrome。这对Firefox或IE都没有帮助(在Firefox中,这个问题在较小程度上是存在的。)@RoddyOfFrozenpeas同样,Chrome正在转向闪烁,所以无论如何都应该避免这种事情。嗨,Roddy,我想是因为他已经在使用Webkit了,我应该继续使用:)
-webkit
前缀样式只针对Safari和Chrome。这对Firefox或IE没有帮助(问题在Firefox中出现的程度要小一些。)@Roddyoffrozenpeas还有,Chrome正在转向闪烁,所以无论如何都应该避免这种事情。嗨,Roddy,我想,因为他已经在使用Webkit了,我应该继续:)没有看到你的演示。抱歉,没有看到你的演示。道歉。