css中a标签内容超出最大字数隐藏处理
2016-02-23 17:04
531 查看
css中a标签内容超出最大字数隐藏处理
问题:a标签内容超出最大字数显示问题
1.超出是最后显示为“...”
2.鼠标放在上面显示完整内容
3.点击新窗口打开链接内容
解决方法:
css部分:
html部分:
问题:a标签内容超出最大字数显示问题
1.超出是最后显示为“...”
2.鼠标放在上面显示完整内容
3.点击新窗口打开链接内容
解决方法:
css部分:
.list{font:Georgia, "Times New Roman", Times, serif;font-size:14px;width:200px;display:block;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;}
html部分:
<a class="list" title="我是1111111111111111111111111111111111111111111111111111" href="http://localhost" target="_blank">我是1111111111111111111111111111111111111111111111111111</a>
相关文章推荐
- JS、CSS 文件的版本号控制
- CSS3 新属性
- 【CSS3】only-of-type选择器
- 【CSS3】only-child选择器
- css 学习1 css基础
- 【CSS3】nth-last-of-type(n)选择器
- 【CSS3】last-of-type选择器
- 【CSS3】nth-of-type(n)选择器
- 【CSS3】first-of-type选择器
- 【CSS3】结构性伪类选择器—nth-last-child(n)
- 【CSS3】结构性伪类选择器—nth-child(n)
- 【CSS3】结构性伪类选择器—last-child
- 【CSS3】结构性伪类选择器—first-chi
- 【CSS3】结构性伪类选择器—target
- 下拉菜单之CSS实现
- 【CSS3】结构性伪类选择器—empty
- 【CSS3】结构性伪类选择器—not
- hotcss用法
- css语法
- 直接在通过标记添加css与通过添加class的区别