一只牛の窝

有时一些文章标题过长导致网页变形的都很常见，所以很多站长都会想办法把长出来的截掉，方法有很多，最常用的就是在输入控制还有就是CSS控制，我们一般不建议用输出截取，应为这样对SEO不太好，所以我们最好就是选择用CSS的方法来控制，下面发一个例子：
<style type="text/css"> li {width:150px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;list-style:none;} </style> 原来文字：你来截我啊，我很长我很长长长长长长长长长长长长长长长长长长长长！ <BR /><BR />截取后文字： <ul> <li>你来截我啊，我很长我很长长长长长长长长长长长长长长长长长长长长！</li> </ul>
        小提示：您还可以先修改部分HTML代码再运行、复制或者保存。
<style type="text/css"><br/>li {width:150px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;list-style:none;}<br/></style><br/>原来文字：你来截我啊，我很长我很长长长长长长长长长长长长长长长长长长长长！<br/><BR /><BR />截取后文字：<br/><ul><br/><li>你来截我啊，我很长我很长长长长长长长长长长长长长长长长长长长长！</li><br/></ul>

在 与 这间加入以下代码：

<style type ="text/css">
<!-
a{text-decoration:none}
a:link{text-decoration:none}
a:hover{text-decoration:none}
a:visited{text-decoration:none}
->
</style>

效果如下：

More...

CSS LI不换行代码：
<style> #nobr li{ display:inline; } </style> <div> <ul id="nobr"> <li>内容A</li> <li>内容B</li> </ul> </div>
        小提示：您还可以先修改部分HTML代码再运行、复制或者保存。
<style><br/>#nobr li{ <br/>display:inline;<br/>}<br/></style><br/><div><br/><ul id="nobr"><br/><li>内容A</li><br/><li>内容B</li><br/></ul><br/></div>

More...