浏览:767 2007-11-28 10:13 来自 melody.gao      :
RT 请教&……Embarassed
收藏 楼主
  10个月前  melody.gao      :
好像应该发在博问里 呵呵……
1楼 回到顶楼 
  10个月前  dudu      :
2楼 回到顶楼 
  10个月前 【组长】 阿一(杨正祎)      :
纯css实现方法:

<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="简单的XHTML页面" />
<meta name="Description" content="这是一个简单的XHTML页面" />
<title>简单的XHTML页面</title>
<style type="text/css">
#divTest {
width:200px;
height:100px;
border:1px solid red;
white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden;
}
</style>
</head>
<body>
<div id="divTest">
博客园web标准设计小组博客园web标准设计小组博客园web标准设计小组博客园web标准设计小组博客园web标准设计小组
</div>
</body>
</html>
3楼 回到顶楼 
  10个月前  烟头上的探戈      :
数据库查询的时候控制显示字数噻!
4楼 回到顶楼 
  10个月前  烟头上的探戈      :
@杨正祎
对了 在FF中无法正常显示 呵呵!
5楼 回到顶楼 
  10个月前 【组长】 阿一(杨正祎)      :
@烟头上的探戈
的确,这个不支持ff。
6楼 回到顶楼 
  10个月前 【组长】 阿一(杨正祎)      :
想要ff也显示“...”,好像只能程序处理,然后再展现。但是那样,代价就不一样了。目前而言,对ff的支持,感觉还不需要那样精细。在中国,ff的占有率还不足15%,至少我的网站统计报告说这样的。
7楼 回到顶楼 
  10个月前  melody.gao      :
杨正祎: 说的是在理 但是老板有要求 偶们也没法子~
8楼 回到顶楼 
  10个月前  melody.gao      :
他就是要标榜技术…………汗个
9楼 回到顶楼 
  10个月前  melody.gao      :
http://bbs.blueidea.com/thread-2812071-1-1.html 我的这个菜单问题谁来帮帮忙啊~55555拜托鸟~
10楼 回到顶楼 
  10个月前 【组长】 阿一(杨正祎)      :
那么大面积的使用翻转门可不是个好注意呀。很难控制和维护的。
问题可以这样解决(使用css hack,对#SearchInnerBox加个_BACKGROUND即可):
11楼 回到顶楼 
  10个月前  melody.gao      :
杨正祎: 哇 你试验了可以吗?为什么我还是不行呢?加了也不管用啊???
12楼 回到顶楼 
  10个月前  melody.gao      :
再说 我说的不是搜索 的地方的左边 而是菜单(就是品牌商店~宝贝类目)那个地方的左边部分~
13楼 回到顶楼 
  10个月前  melody.gao      :
点击以后 左边的橘红色在ie6下没有 ff下有……我开始考虑是不是ie 双倍行距的问题?不知道啊 头疼
14楼 回到顶楼 
  10个月前  『小小菜鸟』      :
css三个属性
white-space:nowrap; text-overflow:ellipsis; overflow:hidden;

这个不仅不支持FF,而且如果允许多行后,也不支持多行。
15楼 回到顶楼 
  10个月前 【组长】 阿一(杨正祎)      :
如果只是ie6不可以用,你可以使用针对ie6的css hack。举个例子吧。你在自己再试试。现在ff下调正常,然后利用在为ff设置的样式下面加"_选择符{样式列表}",这样的形式再在ie6中挑好即可。

<!doctype html public "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="YES!B/S!" />
<meta name="Description" content="This page is from http://Justinyoung.cnblogs.com" />
<title>CSS/Javascript demo</title>
<style type="text/css">
#test{
height:100px;
width:100px;
border:1px solid navy;
_border:1px solid red;
}
</style>
</head>
<body>
<div id="test">
我想让这个div,在ie6中显示成红边线,而在ff中显示成蓝边线
</div>
</body>
</html>
16楼 回到顶楼 
  10个月前  melody.gao      :
你说的这个
我知道 针对于ie6的写法~但是就是调不出来不知道哪里出了问题…………
17楼 回到顶楼 
  10个月前 【组长】 阿一(杨正祎)      :
我还是不能很好的理解你的问题描述,我贴了个图,你看看,是这个意思吗?
18楼 回到顶楼 
  10个月前 【组长】 阿一(杨正祎)      :
图中的文字应该是“你指的是这个部分吗?”,拼音一打快就有错别字。呵呵呵……
19楼 回到顶楼 
  10个月前  melody.gao      :
敬爱的~ 杨正祎: 不是这里 你点击 品牌商店
我不知道这个怎么截图发的啊~

你点击 品牌商店~他的左边的圆弧 就没有 在IE6下~


我可能把衔接设为空了~
20楼 回到顶楼 
  10个月前 【组长】 阿一(杨正祎)      :
我一开始没有搞清楚你的需求,所以,一直没有能解决你的问题,抱歉。现在了解你的问题描述了。解决办法——
#ChannelMenuItems #tag2 .selectli2,#ChannelMenuItems #tag3 .selectli3,#ChannelMenuItems #tag4 .selectli4,#ChannelMenuItems #tag5 .selectli5,#ChannelMenuItems #tag6 .selectli6 {
position:relative; //加上这句话
}
21楼 回到顶楼 
  10个月前  melody.gao      :
好好好 我试试~
22楼 回到顶楼 
  10个月前  三千      :
还有一个办法,我用过:
输入标题占位的宽度(象素).然后输出不超过此宽度的字符串(已做了省略号的格式化).

原理是动态在内存将字符串生成为指定的字体和字号的图片,量出图片宽度,超过指定宽度就减一个字符再生成再测量,直到刚好或不超出为止.

这个办法因为生成图片,就是担心性能的问题.但是使用像素控制时,比较准确.尤其当字号字体不确定时,比较有用.使用控制字符数的办法,在字号和字体变化时,也会不理想.

根据你的项目选择了.



23楼 回到顶楼 
  10个月前  Colin Han      :
楼上说的是在服务器端做吗?客户端能做这样的事情吗?
如果在服务器端做,Graphics上有个MeasureString的方法,只要不是斜体,都可以量的很准的。性能应该比生成图片快很多。
24楼 回到顶楼 

注册用户登录后才能回复,登录注册
> 返回“web标准设计”


其他话题

相关内容

相关链接

1 27654