html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8"> 5
<title>时代Java与您共同学习(NowJava.com)</title> 6
<style> 7
div.test8
{9
white-space:nowrap; 10
width:12em; 11
overflow:hidden; 12
border:1px solid #000000;13
}14
</style>15
</head>16
<body>17
18
<p>以下 div 容器内的文本无法完全显示，可以看到它被裁剪了。</p>19
<p>div 使用 "text-overflow:ellipsis":</p>20
21
<div class="test" style="text-overflow:ellipsis;">This is some long text that will not fit in the box</div>22
<p>div 使用 "text-overflow:clip":</p>23
<div class="test" style="text-overflow:clip;">This is some long text that will not fit in the box</div>24
<p>div 使用自定义字符串 "text-overflow: >>"(只在 Firefox 浏览器下有效):</p>25
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java