返回信息流最近写网页在使用inline-block进行排版,但是发现html当中的回车会产生空格。比如：
<ul>
<li></li>
<li></li>
<li></li>
</ul>
其中的<li>标签使用inline-block属性，这样可以让它们在一行，但是发现每两个li之间会有一个空格（回车造成的）。我现在想去掉这个空格。目前我设置ul的letter-spacing属性为负数来解决，但是感觉很麻烦。不知道有没有什么方法能直接去掉空格，有哪位同学能解答不？谢谢啦~~
这是一条镜像帖。来源：北邮人论坛 / www-technology / #14625同步于 2011/9/21
该镜像源已超过 30 天没有更新，可能在源站已被删除。
WWWTechnology机器人发帖
[求教]html页面当中如何去掉回车产生的空格
xiaohaidao
2011/9/21镜像同步7 回复
订阅后，新回复会通过你的通知中心匿名送达。
7 条回复
压缩到一行
【 在 xiaohaidao (海盗船长) 的大作中提到: 】
: 最近写网页在使用inline-block进行排版,但是发现html当中的回车会产生空格。比如：
: <ul>
: <li></li>
: ...................
这个感觉不太好啊，之前试过了，但是写代码感觉可读性比较差。
【 在 xw2423 的大作中提到: 】
: 压缩到一行
: 【 在 xiaohaidao (海盗船长) 的大作中提到: 】
: : 最近写网页在使用inline-block进行排版,但是发现html当中的回车会产生空格。比如：
: ...................
你可以在部署的时候压缩
或者可以使用ul {font-size:0} 不过有的浏览器可能不顶
【 在 xiaohaidao (海盗船长) 的大作中提到: 】
: 这个感觉不太好啊，之前试过了，但是写代码感觉可读性比较差。
用inline-block不止会有空格，还会高度不一,IE也不支持这个属性。。还是改用float吧。。
【 在 xiaohaidao (海盗船长) 的大作中提到: 】
: 最近写网页在使用inline-block进行排版,但是发现html当中的回车会产生空格。比如：
: <ul>
: <li></li>
: ...................
【 在 xiaohaidao 的大作中提到: 】
: 最近写网页在使用inline-block进行排版,但是发现html当中的回车会产生空格。比如：
: <ul>
: <li></li>
: ...................
有一些现成的去HTML和CSS空格的软件，一定程度上防盗和减少传输量。
压缩才是王道，没有空格的地方就不该有回车。
唉，中文里怎么就不能有空格呢，郁闷。
或者试试这个：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Spacious</title>
</head>
<body>
<div id="main">
<div>
我不要空格
我不要空格
我不要空格
我不要空格
我不要空格
</div>
</div>
<div id="compare-to-this">
<div>
我不要空格
我不要空格
我不要空格
我不要空格
我不要空格
</div>
</div>
<script type="text/javascript">
function eliminate(node) {
if (node.nodeType==3) { // Text
node.nodeValue = node.nodeValue.replace(/\s*\n\s*/g, "");
} else if (node.nodeType==1) { // Element
for (var i in node.childNodes) {
eliminate(node.childNodes[i]);
}
}
}
var main = document.getElementById("main");
eliminate(main);
</script>
</body>
</html>