1

<fieldset>在以下示例中，如何删除 ' 之间的空格？这是一个JSFiddle。

一个

HTML

<!-- Displays bad, but HTML looks good -->
<fieldset>test</fieldset>
<fieldset>test</fieldset>

<!-- Displays good, but HTML looks bad -->
<fieldset>test</fieldset><fieldset>test</fieldset>

CSS

*
{
    margin: 0;
    padding: 0;
}

fieldset
{
    background-color: red;
    display: inline-block;
}

我希望能够<fieldset>在 HTML 代码中的 ' 之间留出空格，因为它们的内容很长。但我需要它们彼此相邻显示。

4

3 回答 3

2

最好的解决方案是删除inline-block（或inline）标签之间的任何空格。

您可以使用注释以获得更好的可读性：

<fieldset>test</fieldset><!--
--><fieldset>test</fieldset>

没有可以 100% 可靠的 CSS 解决方案。

编辑：似乎不是这样，但一些模板引擎提供了这种行为，比如 twig 的spaceless

于 2013-02-17T11:04:48.710 回答
1

演示

怎么样float: left;：

CSS：

fieldset {
    background-color: red;
    float: left;
}
于 2013-02-17T11:08:01.260 回答
-1

另一种解决方案是将字段集放在 DIV 容器中，并使用该容器的 CSS 将字体大小设置为 0。然后，当然，将字段集的字体大小设置回您需要的任何值。

在父容器上将字体大小设置为 0 基本上会删除该容器的内联块元素之间的空白。

于 2013-02-17T11:06:55.967 回答