4

最近、レスポンシブバージョンのサイトを立ち上げましたが、デスクトップビューとモバイルビューの両方ですべてを1行に収めると、各1行が表示されるため、1行のテキストを含むパーセンテージ幅の分割は非常に見栄えが悪いことがわかりました。テキストが長すぎるか短すぎる。

私のマークアップは、（長いアンカーテキストを含む）単一の順序付けられていないリンクのリストです-含まれている分割の幅に従ってアンカーテキストを切り捨てる提案はありますか？

4

1 に答える 1

1

私は2つのオプションを思い付くことができます：

1つは、ここで説明するようにjavascriptを使用して自分で行うことです。

JavaScriptでテキスト幅を計算する

ブラウザが実際にテキストをレンダリングするまで、テキストの幅を決定する方法はないと思います。

表示しないように注意してください。表示しないと、ブラウザが実際に表示せず、幅を決定できません。

2つ目は、CSSに任せることです。簡単ですが、ほとんどすべての柔軟性が失われます。

テキストを省略記号に切り取る方法をCSSに推測させたい場合は、テキストオーバーフローを試すことができます：省略記号

http://www.quirksmode.org/css/textoverflow.html

于 2011-12-04T10:15:20.490 に答える