0

左にオーバーフローさせたい HTML (左から右) テキスト要素があり、ビューポートよりも幅が広い場合はテキストの先頭を切り落としますが、ビューポートよりも狭い場合は左揃えにします。

ここに、私が言いたいことの簡単な ASCII アート図を示します。

+---------------------------+
|Long string of text        |
|                           |

対。

+-----------+
|ing of text|
|           |

これが可能かどうかはわかりませんが、可能な場合の方法はなおさらです。

Firefox と Chrome の最新バージョンでプラグインなしで動作する限り、これを実装するためにどのテクノロジーが使用されているかはあまり気にしません。可能であれば、HTML と CSS にとどめておきたいと思います。

4

1 に答える 1

1

私は自分でそれを理解したと思います：

<div style="position:absolute; right:0px; min-width:100%">
  <span style="text-align:right; white-space:nowrap">Long string of text</span>
</div>

これにより、ビューポートの幅のボックスが作成され、その中にテキストを含むボックスが作成されるようです。テキストはボックスの右側に配置されます。つまり、オーバーフローは左側にありますが、ボックス自体はデフォルトで左揃えになっているため、含まれているよりも小さい場合はdiv、左側に配置されます。

何か問題がありますか？

于 2012-10-21T23:39:41.193 に答える