`
energykey
  • 浏览: 598136 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

字符串截取问题 css截取字符串注意事项

阅读更多
<div class="llist" >
	   <div class="lbar">定向营销</div>
	    <ul class="lbox01" style="height: auto;min-height: 100px;">
		<c:forEach var="item" items="${marketInfos.results}">
		  <li><div style="overflow:hidden; text-overflow:ellipsis; white-space:nowrap;max-width: 220px;font-size:13px;">
		  <a href="#" title="<c:out value="${item.content}"  escapeXml="false"/>" onclick="showThis('<c:out value="${item.title}"/>','<fmt:formatDate value="${item.createdTime}" pattern="yyyy-MM-dd hh:mm"/>',this);return false;">
		  <c:out value="${item.title}"/></a></div></li>
		</c:forEach>

这是原来的代码。

 

说一下用

style="overflow:hidden; text-overflow:ellipsis; white-space:nowrap;

这种方法要注意的问题,

1.最好加div,直接放在<li>那会出问题。放在<A>里也一样。不过IE7和FF好像行。

2.ie6在此种方式下不支持max-width.

 


故将上面的代码种的max-width修改为width后,问题得到解决

 


  • 大小: 76.2 KB
  • 大小: 12 KB
分享到:
评论
2 楼 energykey 2009-02-26  
comasp 写道

可能会截取半个 字


这个问题在FF下会出现。你们用什么截取?用代码处理?自定义标签?
1 楼 comasp 2009-02-24  
可能会截取半个 字

相关推荐

    css自动截取指定长度字符串,结尾显示... 支持FF浏览器

    ### CSS自动截取指定长度字符串方法及支持Firefox浏览器解析 #### 概述 在Web开发过程中,经常需要处理文本溢出的问题,特别是当容器宽度固定而内容长度不定时,合理控制文本显示,既能保证页面布局的美观又能提高...

    用CSS解决中英文混合字符串的截取省略问题的解决办法

    ### 使用CSS解决中英文混合字符串的截取省略问题 #### 背景与需求 在Web开发过程中,经常会遇到需要展示大量文本信息的情况,如新闻列表、文章标题等。为了确保页面布局整洁美观,同时适应不同的屏幕尺寸,通常...

    用css截取字符实现文字自动截断隐藏溢出文本

    以下将详细解释如何通过CSS截取字符实现文字的自动截断隐藏溢出文本,以及相关的关键知识点。 ### CSS截取字符实现文字自动截断隐藏溢出文本 为了实现文字的自动截断隐藏溢出,可以采用CSS的`text-overflow`属性。...

    asp.net(文章截取前几行作为列表摘要)无损返回HTML代码

    - **特殊标签**: 特殊标签如` `, `&lt;hr&gt;`等,它们不需要闭合标签,但需要在处理中将其识别出来,以避免在字符串截取时错误地将其视为未闭合的标签。 - **成对标签的闭合**: 对于成对出现的标签,如`&lt;p&gt;`和`&lt;/p&gt;`,...

    js常用操作

    `:此方法用于截取字符串的一部分,并返回一个新的字符串。`startIndex` 和 `endIndex` 分别表示起始位置和结束位置(不包含)。 4. **字符串替换**: - `replace("string1", "string2");`:此方法用于替换字符串...

    jsp强行给表格换行

    - 函数内部通过循环不断截取字符串,并在每一段后面添加` `标签,从而实现换行效果。 - 最后通过`document.getElementById("ff")`获取指定元素,并更新其`innerHTML`属性,完成换行处理。 #### 注意事项 - 在...

    2016年最新java面试题及答案,使用于初级java程序员的面试

    5. **`substring(int beginIndex, int endIndex)`:**截取子字符串。 6. **`contains()`:**检查字符串是否包含指定子串。 7. **`startsWith()` 和 `endsWith()`:**检查字符串是否以指定子串开头或结尾。 8. **`...

    html2canvas 相关js文件

    4. **处理结果**:利用返回的Promise对象的`then`方法处理截图结果,通常会得到一个包含图片数据URL的字符串,可以设置为img标签的`src`属性显示,也可以用于下载或上传。 ### 应用场景 - **分享预览**:用户可以...

    2021-2022计算机二级等级考试试题及答案No.11694.docx

    - **知识点**: 如何使用Basic表达式截取字符串的一部分。 - **解析**: 使用`LEFT()`函数可以轻松地从字符串的左边开始截取指定数量的字符。 #### 11. 数值型字段的设计 - **知识点**: 设计数值型字段时的考虑因素...

    《javaScrip开发技术大全》源代码

    • sample21.htm 通过字符串的起始位置和结束位置来获得子字符串 • sample22.htm slice()方法的使用 • sample23.htm substr()方法的使用 • sample24.htm 查找子字符串在字符串中...

    JS 输入字数判断实现代码

    - `slice()`方法用于截取字符串的一部分,`0`表示从开始位置截取,`maxLength`表示截取到指定长度。 4. **扩展应用** - 可以结合CSS样式,如红色边框或提示文字,来提供更友好的用户体验,而不仅仅是弹出警告。 ...

    PHP实例开发源码—网址导航3号.zip

    4. **字符串处理**:包括字符串的拼接、查找、替换、截取等操作。 5. **数组操作**:PHP中的数组可以存储多个值,有索引数组和关联数组两种形式。 6. **文件操作**:读写文件、上传下载、目录操作等。 7. **数据库...

    可以改变速度的跑马灯效果

    5. **优化与注意事项**: - 性能优化:频繁更新界面可能会对性能产生影响,特别是当处理大量文本或在低性能设备上时。因此,合理地控制更新频率和优化滚动逻辑至关重要。 - 兼容性测试:不同的平台和浏览器可能对...

    asp.net在iframe中弹出信息并执行跳转问题探讨

    2. 通过`HttpContext.Current.Request.Url`获取当前请求的URL地址,通过字符串操作截取或替换相应的部分,形成跳转的新URL地址。 3. 将消息文本和新URL地址格式化插入到脚本字符串中,最后通过`HttpContext.Current....

    asp.net 2.0图片上传

    3. **判断是否为图片**:通过比较截取的字符串是否为“image”,判断所选文件是否为图片格式。 4. **上传文件**:如果确认文件为图片格式,则使用`fuImg.SaveAs`方法将文件保存到服务器的指定位置。 5. **显示相关...

    Python web框架.Flask中文手册.pdf

    - **过滤器作用**:描述了Jinja中可用的标准过滤器,如字符串截取、排序等。 - **使用示例**:提供了过滤器使用的示例代码。 **5.4 控制自动转义** - **自动转义机制**:解释了Jinja的自动转义功能,以防止XSS攻击...

    jQuery struts2 hibernate

    - **空格过滤**:`$.trim()` 可以去除字符串两端的空白字符。 #### 八、Ajax技术 1. **定义**: - **概念**:Ajax (Asynchronous JavaScript and XML),即异步的 JavaScript 和 XML 技术,允许网页在不重新加载的...

    web打印 window.print()介绍

    在这个例子中,`startprint` 和 `endprint` 是两个特殊的字符串标记,用来定位需要打印的区域。`preview()` 函数会找到这些标记之间的内容,替换掉原始页面内容,然后调用 `window.print()` 打印。 4. **按钮触发...

    js 实现打印网页中定义的部分内容的代码

    注意事项: 1. 确保`&lt;!--startprint--&gt;`和`&lt;!--endprint--&gt;`注释不会在页面其他部分被错误地使用,否则可能会截取到错误的内容区域。 2. 在设计打印内容时要考虑到打印页面的布局,确保内容在打印出来后也能保持...

Global site tag (gtag.js) - Google Analytics