1

 テキストが含まれているかどうかに関係なく、div のコンテンツに追加して、高さが崩壊するのを防ぐための単純な CSS3 ハックがあります。私は再びそれを見つけることができません。

誰か助けてくれませんか?

<div></div> <!-- nothing in it = will collapse -->

<div>&nbsp;</div> <!-- still nothing in it but with &nbsp; appended it won't collapse -->

<div>SOME CONTENT&nbsp;</div> <!-- "SOME CONTENT" is added via JS; -->

4

2 に答える 2

3

疑似要素と:afterプロパティについて話している可能性があります。:beforecontent

#someId:after {
    content: '&nbsp;';
}

しかし、min-heightKolinkが提案したように使用しないのはなぜですか?

編集: コメントで指摘されているように、これはテキストとして追加されるため、解決策はエスケープされたシーケンスとしてユニコード表現を使用することです:

#someId:after {
    content: '\0000a0';
}
于 2012-04-08T22:10:24.093 に答える
0

CSS では、HTML タグにコンテンツを追加することはできません。それは間違っているでしょう。

ただし、これを行うことができます:

min-height: 1em;

divこれにより、常に少なくとも 1 行の高さが確保されるため、コンテンツがない場合でも折りたたまれません。

于 2012-04-08T22:07:07.480 に答える