css英文单词换行不截断单词
来源:互联网 发布:windows 97 编辑:程序博客网 时间:2024/04/28 23:58
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>字符换行</title>
<style type="text/css">
table,td,th,div { border:1px green solid;}
code { font-family:"Courier New", Courier, monospace;}
</style>
</head>
<body>
<h1><code>div</code></h1>
<h1><code>All white-space:normal;</code></h1>
<div style="white-space:normal; width:200px;">Wordwrap still occurs in a td element that has its WIDTH attribute set to a value smaller than the unwrapped content of the cell, even if the noWrap property is set to true. Therefore, the WIDTH attribute takes precedence over the noWrap property in this scenario</div>
<h1><code>IE \ word-wrap : break-word ;</code></h1>
<div style="word-wrap : break-word ; width:200px;">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>
<h1><code>IE \ word-break:break-all;</code></h1>
<div style="word-break:break-all;width:200px;">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>
<h1><code>Firefox/ word-break:break-all; overflow:auto;</code></h1>
<div style="word-break:break-all; width:200px; overflow:auto;">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>
</body>
</html>
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>字符换行</title>
<style type="text/css">
table,td,th,div { border:1px green solid;}
code { font-family:"Courier New", Courier, monospace;}
</style>
</head>
<body>
<h1><code>div</code></h1>
<h1><code>All white-space:normal;</code></h1>
<div style="white-space:normal; width:200px;">Wordwrap still occurs in a td element that has its WIDTH attribute set to a value smaller than the unwrapped content of the cell, even if the noWrap property is set to true. Therefore, the WIDTH attribute takes precedence over the noWrap property in this scenario</div>
<h1><code>IE \ word-wrap : break-word ;</code></h1>
<div style="word-wrap : break-word ; width:200px;">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>
<h1><code>IE \ word-break:break-all;</code></h1>
<div style="word-break:break-all;width:200px;">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>
<h1><code>Firefox/ word-break:break-all; overflow:auto;</code></h1>
<div style="word-break:break-all; width:200px; overflow:auto;">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>
</body>
</html>
0 0
- css英文单词换行不截断单词
- js 控制英文自动换行 不截断单词的方法
- css强制html不换行 css强制英文单词断行
- 英文单词换行 css
- CSS英文单词强制换行
- css样式 引用时设置width或max-width,截断不换行
- CSS控制不换行/换行
- css不换行,换行,强制换行
- css 长单词不换行溢出容器的解决方法 word-wrap与word-break
- 运维旧网站,ASPCMS太长字符串截断显示。CSS设置换行
- 表格里单词不换行问题解决
- HTML div css 强制 换行 不换行
- CSS控制换行与不换行
- CSS自动换行,强迫不换行
- css强制换行和强制不换行
- CSS自动换行,强迫不换行
- css 强制换行和不换行
- CSS强制TD不换行
- android学习三:ViewPager使用
- hdu 4969 物理/积分
- Cocos2d-x学习笔记(四)CCScene分析
- Flex中的坐标系转换
- 解决extjs中Store多个加载的乱码问题
- css英文单词换行不截断单词
- Dom4j读取xml文件——JAVA
- java中常用的字符串的截取方法
- 新房装修有异味,8款室内绿植轻松除甲醛
- Oracle:dump文件导入报错:只有DBA才能导入由其他DBA导出的文件
- 网络广告中CPC、CPA、CPM 的定义
- MaxTree
- Perl与Java的SSL通信示例
- Hadoop 中的两表join