HTML/CSS「応答の切り捨て」

Question

私は最近、しかし、私は両方に単一のライン上のすべてを当てはめると、本当に悪いテキストの外観の単一の行数を含むその割合幅部門を見つけることだ、私のサイトの応答バージョンを発売デスクトップビューとモバイルビューでは、1行のテキストが長すぎたり短すぎたりします。

私のマークアップは、（長いアンカーテキスト付き）リンクの単一順不同リストである - 誰でも含む分裂の幅に応じてアンカーテキストを切り詰めるために何か提案がありますか？私は2つの選択肢を考え出すことができる

Answer 1

：

一つは、ここで説明するようにJavaScriptを使用して、それを自分で行うことです。

Calculate text width with JavaScript

私は幅を決定するために、どのような方法があるとは思いませんブラウザが実際にテキストをレンダリングするまでどれもこれ、またはブラウザが実際にそれをレンダリングしないであろうと、あなたが幅を決定することはできません。

を使用すると、表示しないことを確認してください。

第二は、CSSはあなたのためにそれをやらせることです。それは簡単ですが、あなたはほとんどすべての柔軟性を失う：

あなたが省略記号にあなたのテキストをカットする方法でCSSを推測させて喜んでいる場合は、テキスト・オーバーフローを試すことができます。省略記号

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