css文字截取

最新推荐文章于 2023-03-18 22:53:35 发布

iteye_4429

最新推荐文章于 2023-03-18 22:53:35 发布

阅读量201

点赞数

分类专栏： css 文章标签： CSS 电子商务 Firefox Opera XHTML

本文链接：https://blog.csdn.net/iteye_4429/article/details/81968721

版权

css 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

写一些ul.li标签的时候比较有用.

看了Realazy.陈贤安写的css载字

also看了他推荐的yahoo上面的牛人写的,看的晕.XBL和JavaScript一起写..ft.

稍微解决了下Firefox下的问题.{firefox a little of 'BT'.}

-o-text-overflow针对opera的私有属性.

"li:not(p)"有些搞不懂.哪位高人帮俺解释下？
后面也是用的伪类:after增加省略号&float:left的方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="author" content="陈磊,simx" />
<meta name="description" content="css文字截取,w3c" />
<title>css文字截取</title>
<style type="text/css">
<!--
body{
 margin:50px auto 0 auto;
 padding: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-decoration: none;
}
a {text-decoration: none;color: #d90000;}
ul {width: 300px; padding:10px 15px 10px 25px;border: 1px solid #ccc;background: #efefef;}
li {width: 300px; height:28px; line-height:28px;}
li a {
display: block;
width: 300px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis; /*--4 opera--*/
text-overflow: ellipsis;}

/*--what's meaning? tell me y?...from <a href="http://realazy.org--" target="_blank">http://realazy.org--</a>*/
li:not(p)
{ clear: both;}
li:not(p) a
{max-width: 276px;float: left;}/*--firefox  so BT--*/
li:not(p):after
{content: "...";float: left;width:25px;padding-left: 5px;color: #d90000;}

-->
</style>
</head>

<body>
<ul>
<li><a href="#" title="一个定位于不同语言国家的企业网站势必需要">一个定位于不同语言国家的企业网站言国家的企业网站言国家的企业网站势必需要</a></li>
<li><a href="#" title="离开网站（或者只是利用第三方网站）去谈电子商务是不可能的企业的网址被称为“网络商标”也是企业无形资产的组成部分业形象和文化的重要">离开网站（或者只是利用第三方网站）去谈电子商务是不可能的企业的网址被称为“网络商标”也是企业无形资产的组成部分业形象和文化的重要</a></li>
<li><a href="#" title="网站的目的消费者和受众的特点是什么国家的企业网站势必需要">网站的目的消费者和受众的特点是什么国家的企业网站势必需要</a></li>
<li><a href="#" title="一个定位于不同语言国家的企业网站">一个定位于不同语言国家的企业网站</a></li>
<li><a href="#" title="一个定位于的消费者和受众的特点是什么站势必需要">一个定位于的消费者和受众的特点是什么站势必需要</a></li>
<li><a href="#" title="离开网站（或者只是利用第三方网站）去谈电子商务是不可能的企业的网址被称为“网络商标”也是企业无形资产的组成部分业形象和文化的重要">离开网站（或者只是利用第三方网站）去谈电子商务是不可能的企业的网址被称为“网络商标”也是企业无形资产的组成部分业形象和文化的重要</a></li>
</ul>
</body>
</html>

转自:http://www.v4uu.com/blog/default.asp?cateID=5

iteye_4429

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css文字截取

写一些ul.li标签的时候比较有用.看了Realazy.陈贤安写的css载字also看了他推荐的yahoo上面的牛人写的,看的晕.XBL和JavaScript一起写..ft.稍微解决了下Firefox下的问题.{firefox a little of 'BT'.}-o-text-overflow针对opera的私有属性."li:not(p)"有些搞不懂.哪位高人帮俺解释...
复制链接

扫一扫