css text-overflow属性
翻訳結果：
text
English[tekst] American[tɛkst]
n. テキスト、原文; テキスト、教科書; テーマ; バージョン
v .テキストメッセージを送信
##overflow
English[ˌəʊvəˈfləʊ] US[ˌoʊvərˈfloʊ] vt.& vi. オーバーフロー、溺れ、群衆、満たされます。オーバーフロー; リソースの過剰n. 洪水、オーバーフロー; オーバーフロー パイプ; オーバーフロー、過剰; 過剰vi. 洪水、オーバーフロー; オーバーフローadj.overflow はい、満杯の ＃＃＃css text-overflow属性構文
関数:text-overflow 属性は、テキストが含まれている要素からオーバーフローした場合に何が起こるかを指定します。
構文: text-overflow: Clip|ellipsis|string
##説明: clip テキストをトリミングします。 ellipsis トリミングされたテキストを表す省略記号を表示します。 string 指定された文字列を使用して、トリミングされたテキストを表します。
注: すべての主要なブラウザは text-overflow 属性をサポートしています。
css text-overflow属性例
<!DOCTYPE html>
<html>
<head>
<style>
div.test
{
white-space:nowrap;
width:12em;
overflow:hidden;
border:1px solid #000000;
}
</style>
</head>
<body>
<p>下面两个 div 包含无法在框中容纳的长文本。正如您所见，文本被修剪了。</p>
<p>这个 div 使用 "text-overflow:ellipsis" ：</p>
<div class="test" style="text-overflow:ellipsis;">This is some long text that will not fit in the box</div>
<p>这个 div 使用 "text-overflow:clip"：</p>
<div class="test" style="text-overflow:clip;">This is some long text that will not fit in the box</div>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します