0

スパンとしてマークアップされたインライン テキストがあります。(ハイパーリンクと区別するために) スパンの下に破線の境界線を付けましたが、スパン コンテンツと境界線の間の距離が少し大きすぎます。減らす方法はありますか?

私はマージン/パディングをゼロにする/負にする(完全に単語にする必要があります)だけでなく、運が悪い要素の行の高さを減らすことを試みました。確かに、インライン スパンの行の高さを減らすことはおそらくうまくいかないはずです。

CSS

body {
    margin: 10px;
}

span.test {
    color: orange;
    border-bottom: 1px dashed orange;
}

jsフィドル

4

2 に答える 2

4

私はとを使用してそれを行うことができましdisplay: inline-block;line-height: 1em;

もちろん、それよりも少なくする必要がある場合は、線の高さを低くしてください。

http://jsfiddle.net/JxmEu/1/

于 2013-02-12T00:45:50.183 に答える
1

の表示を.testに変更しますinline-block。次に、そのを変更できますline-height。を減らすと、line-height周囲のフォントサイズやテキストに影響を与えることなく、境界線が上に移動します。

http://jsfiddle.net/ExplosionPIlls/JxmEu/2/

于 2013-02-12T00:46:24.940 に答える