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>
インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します