1

次の例で、の間のスペースを削除するにはどうすればよい<fieldset>ですか？これがJSFiddleです。

a

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ソリューションはありません。

編集：そうではないようですが、一部のテンプレートエンジンは、小枝のようにこの動作を提供します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を使用してfont-sizeを0に設定することです。次に、もちろん、フィールドセットのフォントサイズを必要なものに戻します。

親コンテナでfont-sizeを0に設定すると、基本的に、そのコンテナのインラインブロック要素間の空白が削除されます。

于 2013-02-17T11:06:55.967 に答える