找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2140|回复: 8

[求助] 当文字过多的时候,要同时显示“……”和图片的样式怎么写?

[复制链接]
发表于 2011-2-22 15:17:43 | 显示全部楼层 |阅读模式
各位,现在有个像附件一样的手机页面要做。

页面要写成HTML。有个问题一直解决不了。

有箭头指的地方就是商品名称,这个商品名称,有的地方后面会带一个手的图片,这个图片是由后台生成的。那么生成的时候就,标题名称就是这样:
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX手 ;而当文字过多时候,我要用CSS控制多余的不让他显示,多余的文字就显示“……”

最变态的地方在于,这个代码必须要是这样:
<div>XXXXXXXXXXXXXXXXXXXXXXX手</div>      请问,这个地方的样式我要怎么写才能适应这同时的四种状况?当文字过多的时候,要同时显示“……”和那个手??
aa.png
 楼主| 发表于 2011-2-22 15:19:07 | 显示全部楼层
劳烦各位帮一下忙了。我实在想不出其他办法了,如果把手移出DIV外面,我还可以搞定。。。
回复 支持 反对

使用道具 举报

发表于 2011-2-22 15:26:47 | 显示全部楼层
....... 交给程序, 那个小手程序判断有无,有就接在标题后面,留点间距就行了。

[[i] 本帖最后由 dsq580 于 2011-2-22 15:29 编辑 ]
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-2-22 15:33:21 | 显示全部楼层
这个也是我比较郁闷的地方,。因为是手机应用的,平台上程序不做这样的判断。“……”这个得用CSS来写。唉,我都快疯了。、、、、、、
回复 支持 反对

使用道具 举报

发表于 2011-2-22 16:49:42 | 显示全部楼层
<a>文字</a> /* padding-right: 15px*/
<b>手</b> /* margin-left:-15px */
这样试试?
回复 支持 反对

使用道具 举报

发表于 2011-2-23 17:06:52 | 显示全部楼层
使用 max-width 而不是 width(注:此种方法不兼容 IE6,不过看你的界面也不像是需要兼容 IE6 的样子)。
回复 支持 反对

使用道具 举报

发表于 2011-2-25 09:17:18 | 显示全部楼层
http://stylechen.com/text-overflow.html
稍微变化一下就行了吧
回复 支持 反对

使用道具 举报

发表于 2011-2-25 15:32:41 | 显示全部楼层
我记得有一个属性是   text-overflow:ellipsis      对象内溢出时显示省略标记。貌似是。试试。或者实在做不出来,那就让程序员写。
回复 支持 反对

使用道具 举报

发表于 2011-2-27 00:25:38 | 显示全部楼层

回复 8# axing329 的帖子

firefox不支持,其他浏览器支持
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备19000417号-2 )

GMT+8, 2021-4-20 14:40 , Processed in 0.062457 second(s), 12 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表