css文字は1行のみ表示され、省略記号があります

需要html 5の文字は、省略記号の代わりに1行以上しか表示できないからです.cssコード.details { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }overflow

visibleのデフォルト値.コンテンツはトリミングされず、要素ボックスの外に表示されます.

hiddenコンテンツはトリミングされ、残りのコンテンツは表示されません.

scrollコンテンツはトリミングされますが、ブラウザにはスクロールバーが表示され、残りのコンテンツが表示されます.

autoコンテンツがトリミングされた場合、ブラウザはスクロールバーを表示して残りのコンテンツを表示します.

inheritは、親要素からoverflowプロパティの値を継承すべきであることを規定します.

white-space

ormalデフォルト.空白はブラウザに無視されます.

preの空白はブラウザによって保持されます.その動作はHTMLの

   。

に似ている.

nowrapテキストは改行されず、「」ラベルに遭遇するまで同じ行でテキストが続行されます.

pre−wrapは空白文字シーケンスを保持するが、通常は改行する.

pre-line空白文字シーケンスをマージしますが、改行文字は保持されます.

inheritは、親要素からwhite-space属性の値を継承すべきであることを規定しています.

text-overflow

clipトリムテキスト.

ellipsisは、トリミングされたテキストを表す省略記号を表示する.

stringは、トリミングされたテキストを表すために所与の文字列を使用する.

参考文献css w 3 shcoll