CSS常用代码
// 按字符换行
style="word-break: break-all;"
// 按词组换行
style="word-wrap: break-word;"
==========================================================================
==========================================================================
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color: #666;
height:100%;
background: url(../images/login/l3.jpg) no-repeat;
vertical-align:middle
display:inline;
zoom:0.75;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/CitationMap /xyzsd_bg.png")
overflow: hidden;
float: left;
white-space: nowrap;
z-index:100;
cursor: pointer;
clear:both;
list-style: none;
background-color: #FFFFFF;
background-image:url(../images/login/l3.jpg);
border-collapse: collapse;
visibility:hidden;
overflow-x: hidden;
==========================================================================
==========================================================================
相关文档：
白色 #FFFFFF 2 红色 #FF0000 3 绿色 #00FF00 ......
通常的我们在读取文章标题的时候，遇到字符过多，都是通过程序在SERVER端截取一定的字符数，然后添加...来实现标题长度截取的。其实我们也可以通过CSS来控制。
实列如下：
.title
{
width:200px;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}
可用span或div� ......
我们经常用js控制CSS样式，从而达到良好的用户界面和动态效果。我们经常使用的两种方式：
方法1：
var element= document.getElementById(”id”);
element.style.width=”200px”;
element.style.height=”200p ......
效果图
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Scrollable</title>
<mce:script type="text/javascript"><!--
resizeCallback = function() {
......
强制不换行
div{
white-space:nowrap;
}
自动换行
div{
word-wrap: break-word;
word-break: normal;
}
强制英文单词断行
div{
word-break:break-all;
}
源地址：http://www.iwms.net/n1919c40.aspx
......
