一只牛の窝

有时一些文章标题过长导致网页变形的都很常见，所以很多站长都会想办法把长出来的截掉，方法有很多，最常用的就是在输入控制还有就是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>

或许大家做网页都试过这样的经历，因为网页上的图片太大了打网页撑得变形，真是非常郁闷的一件事，我就前段时间出现了这样的事情，在网上找了几个可用的代码在这里发布同大家分享一下。

一、JS按比例缩小大图片方法，在与之间加入下面代码：

<script language="JavaScript">
<!--
//图片按比例缩放
var flag=false;
function DrawImage(ImgD,iwidth,iheight){
    //参数(图片,允许的宽度,允许的高度)
    var image=new Image();
    image.src=ImgD.src;
    if(image.width>0 && image.height>0){
    flag=true;


More...

在 与 这间加入以下代码：

<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...