text

English[tekst] American[t?kst]

n. テキスト、原文; テキスト、教科書; テーマ; バージョン

v .テキストメッセージを送信

##overflow

English[???v??fl??] US[?o?v?r?flo?]

vt.& vi. オーバーフロー、溺れ、群衆(zhòng)、満たされます。オーバーフロー; リソースの過剰

n. 洪水、オーバーフロー; オーバーフロー パイプ; オーバーフロー、過剰; 過剰

vi. 洪水、オーバーフロー; オーバーフロー

adj.overflow はい、満杯の ###

css text-overflow屬性 構(gòu)文

関數(shù):text-overflow 屬性は、テキストが含まれている要素からオーバーフローした場合に何が起こるかを指定します。

構(gòu)文: 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>
インスタンスの実行 ?

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