3

HTML と CSS を使用して 1 つの効果を実現する必要があります。

+-------------------+-----------------+ 
|some text bla bla  |other text here  |
+-------------------+-----------------+

+--------------+----------------------+
| some text b..|bigger other text here|
+--------------+----------------------+

メインコンテナのサイズは固定です。そして、2 番目の領域は常に拡大し、テキストがオーバーフローした場合は最初に縮小する必要があります。

CSSで可能ですか？

4

4 に答える 4

2

css3でもcssでは不可能だと思います

javascriptと明示的に定義された幅で動作します

于 2012-04-09T15:25:33.043 に答える
1

私が考えることができる最善の解決策 (CSS のみ) はposition:absolute;、右側にある div/span/p/whatever を使用することです。そのため、左側の要素の上にとどまります。これが実際の例です: http://jsfiddle.net/Cthulhu/6DrQX/

ただし、これは必ずしも良い解決策ではないため、stefan bachert が提案したような JavaScript も使用します。

于 2012-04-09T15:49:31.140 に答える
0

水平リストを使用してみましたか? それがどれほど効果的かはわかりませんが。

于 2012-04-09T17:56:00.287 に答える
0

私のこの古い回答を確認してください:オーバーフローでこのレイアウトを整理する方法は?

HTML の「領域」の順序が逆になっていることに注意してください。これはおそらくすべての最新のブラウザーで機能しますが、私はよく覚えていないので、サポートする必要があるブラウザーでテストする必要があります。

参照: http://jsfiddle.net/thirtydot/sxeu9/

于 2012-04-09T16:26:29.063 に答える