2012-05-11 23 views
5

彼のdemo pageには、テキストオーバーフロー:省略記号で「(空白):nowrapまたはテキストがレイアウトされる方法を制限する」空白文字の代わり:text-overflowを使用するときの空白:省略記号

他のどのような種類の「制約」が彼に言及しているのですか?私は空白のための他のすべてのオプションを試しましたが、それらのどれも私に欲しいものを与えません。私は、「似たような制約の方法」という言葉が意味するのは、単に「他のホワイトスペース設定」ではないと信じていますが、他のテキストレイアウトの制約について考えることはできませんでした。

高さ:2.5emを使用してテキストを視覚的に切り捨てる前に、最大2行のテキストを表示したいので、質問します。ホワイトスペース:nowrapはテキストがスペースを埋めるのを防ぐ私は割り当てた。

答えて

3

有用な方法でtext-overflow: ellipsisを使用する場合は、white-space: nowrapが必要です。

「テキストがレイアウトされる方法を制約する類似の方法」が、彼は考えていた可能性があります。

私は が視覚的に私はCSSでそれを行うことができるとは思わないテキスト

を切り捨てる前に、テキストの2行まで表示したいので、私は尋ねます。ここには同じことを言うan answerがあり、10ヶ月後に612回の再生回数で誰も意見に同意しませんでした。

+0

一方、私が間違っている場合、私はそれについて知りたいです。 – thirtydot

+0

それで、それは完全に正確ではないようです。 white-space:preも動作することは分かっていますが、テキストが自然に折り返されることはありません(予想通り)。これは、私がもっと一般的な "レイアウト制約"の仕掛けが働いていると信じさせます(hasLayoutをトリガする多くの方法に似ています)。それは、私は一般的には、純粋なCSSソリューション(とJSのものは絶対に吸う)を見つけたようには見えない、ということです。私が何かを見つけたらここに投稿します。 – Tom

+0

まだ何も見つかりませんでした。 PPK自身に尋ねるだけではなく、これはインターネットができる最高のものかもしれません。 – Tom

関連する問題