【问题标题】:White space between tags is breaking my layout [closed]标签之间的空白打破了我的布局[关闭]
【发布时间】:2012-08-20 04:55:04
【问题描述】:

我知道我可以“删除空白”,但这太不方便了。在 html 中有很多地方我有一些 inline-block 元素,而去寻找它们中的每一个都是地狱。

有没有办法让这个空白不出现?

这是我的网站,您可以看到这些空间破坏了我的布局:http://www.fashionstore.al/

【问题讨论】:

  • 我们在看什么?这是垃圾邮件吗?什么空格?在哪里?在此处提供相关代码。问题问题。

标签: css layout whitespace removing-whitespace


【解决方案1】:

有几种“作弊”方式。在我学习任何服务器端代码之前,我的做法是这样的:

<div id="container"><!--
   --><div class="block">Text</div><!--
   --><div class="block">More text</div><!--
--></div>

通过注释掉空格,它不再导致布局问题,但仍然可以让您分隔行。

使用服务器端代码,更容易:

<?php
    echo '<div id="container">'
            .'<div class="block">Text</div>'
            .'<div class="block">More text</div>'
        .'</div>';
?>

或者,另一种方法:

<?php ob_start(function($c) {return preg_replace("/>\s+</","><",$c);}); ?>
<div id="container">
    <div class="block">Text</div>
    <div class="block">More text</div>
</div>
<?php ob_end_flush(); ?>

【讨论】:

  • 感谢您的回答。我最终在 php 中编写了一个函数,该函数在输出之前去除了空白并解决了问题
猜你喜欢
  • 1970-01-01
  • 2016-11-08
  • 2016-03-17
  • 2016-06-07
  • 1970-01-01
  • 2017-01-16
  • 2015-04-17
  • 2019-10-24
  • 1970-01-01
相关资源
最近更新 更多