PHP & JavaScript Room :: 設置サンプル

実行結果

text-overflow:ellipsis;

text-overflow:clip;

text-overflow:ellipsis-word;

ソース

<style type="text/css">
#d_textoverflow p {
    white-space:nowrap;
    width:7em;
    overflow:hidden;
    border:1px solid #ccc;
}
#d_textoverflow p:hover {
    text-overflow:inherit;
    overflow:visible;
}
</style>
<div id="d_textoverflow">
    <p style="text-overflow:ellipsis;">text-overflow:ellipsis;</p>
    <p style="text-overflow:clip;">text-overflow:clip;</p>
    <p style="text-overflow:ellipsis-word;">text-overflow:ellipsis-word;</p>
</div>

polarized women