1

私はブラウジング システムを構築しており、通常のブレッドクラムが含まれています。

Home / dir1 / dir2

ブレッドクラム リストは<ul>リストです。しかし、リストが大きくなると、楕円形にする必要があります。完璧なソリューションは次のように機能します。

|-- Width of the container's div ---|
 / Home / my / long / list / of / directories /

これは次のようになります。

|-- Width of the container's div ---|
 / Home / (...) / of / directories /

しかし、どうすればそれを達成できるかわかりません。JavaScript でそれを行おうとすると、レンダリングされたリストの幅を知る必要があります。それはトリッキーに聞こえます。

どんな提案でも大歓迎です。

4

1 に答える 1

0

CSS でこれを思いどおりに行うのは難しいでしょう。

次があると思います: text-overflow: ellipsis; CSS の設定ですが、ブラウザー間の比較可能性については不明です。

コンテナーに設定すると、(...) が表示され、ブレッドクラムがコンテナーの幅に切り捨てられます。

Javascript を使用すると、コンテナーの幅とリストの幅を取得できますが、どうやってそれを行うのかわかりません。

于 2012-09-24T10:39:03.553 に答える