display:run-in; を使用して、本質的にブロック要素 (ヘッダー) をインラインに配置することについて、Firefox で問題が発生しているため、私はあなたの助けを求めています！かなり長い間検索してきましたが、display:run-in; を適用する代わりに使用できる CSS メソッドが見つかりません。すべての主要なブラウザーでサポートされている要素に。このように要素を配置することが重要です。
誰でもこれを行う方法を知っていますか?
1980 次
3 に答える
2
要素をブロック要素として表示したいが、インラインで配置したい場合は、
display: inline-block;
あなたのためにトリックを行います。
于 2013-01-08T13:33:06.047 に答える
1
MDN はまだ run-in を実験的な値としてリストしているため、現時点で Firefox で完全に機能しなくてもそれほど驚くべきではありません。
オプションについては、少なくとも 2 つ使用できます:display: inlineとdisplay: inline-block.
ヘッダーにブロック要素のプロパティが必要ない場合は、インラインで十分かもしれません。インラインブロックはそれをブロック要素として保持するので、幅、高さ、マージンなどを与えるなどの素晴らしいことを行うことができます。
于 2013-01-08T13:29:39.510 に答える
0
よし、解決策を見つけた！:)display:inline;と組み合わせて使用するとfloat:left;、ブロック要素は、親要素の 100% ではなく、必要なだけスペースを使用するようになります。
見出しに大きなフォントを使用していて、その直後 (同じ行) に段落を追加したい場合、この手法には 1 つだけ問題があります。見出しfont-sizeが少し大きい場合、見出しは、段落テキストがあるべき高さで 2 行またはそれ以上のスペースを取る可能性があり、見出しとその下の段落の別の行の間に小さなギャップができます。解決策は、段落要素にdisplay:block;andを追加して、必要に応じて配置することです。margin-top:Xpx;
于 2013-01-08T15:06:51.703 に答える