css文本显示
2016-07-13 22:29
459 查看
文字超出隐藏并显示省略号
html代码如下:
<style type=”text/css”>
.css1{
color:#6699ff;border:1px #ff8000 dashed;
margin-bottom:20px;
width: 20em;/*不允许出现半汉字截断*/
}
.css2 {
overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/
width: 20em;/*不允许出现半汉字截断*/
color:#6699ff;border:1px #ff8000 dashed;
}
</style>
<div class=”css1″>Web前端开发 – 专注于网站前端设计与Web用户体验</div>
<div class=”css2″>Web前端开发 – 专注于网站前端设计与Web用户体验</div>
html代码如下:
.css1{
color:#6699ff;border:1px #ff8000 dashed;
margin-bottom:20px;
width: 20em;/*不允许出现半汉字截断*/
}
.css2 {
overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/
width: 20em;/*不允许出现半汉字截断*/
color:#6699ff;border:1px #ff8000 dashed;
}
</style>
<div class=”css1″>Web前端开发 – 专注于网站前端设计与Web用户体验</div>
<div class=”css2″>Web前端开发 – 专注于网站前端设计与Web用户体验</div>
相关文章推荐
- css深入理解之margin
- HTML文本框文字对齐方式(CSS vertical-align 属性)
- 样式,表现分离--微博发言三种方式
- 用JS改变CSS样式
- 6、CSS简介
- css属性中如果后面个三个值,那么中间的那个一般代表左右元素的值。
- 京东商城导航logo---用css
- css基础学习
- 总结:js中4类修改样式的方法
- 网页设计的字体
- 灵活运用浏览器调试工具F12修改样式
- 【CSS进阶】伪元素的妙用2 - 多列均匀布局及title属性效果
- css中margin重叠和一些相关概念(包含块containing block、块级格式化上下文BFC、不可替换元素 non-replaced element、匿名盒Anonymous boxes )
- 3、用CSS3设计移动页面样式
- css基础知识一
- css3变形中几个重要点
- html&css笔记
- css
- CSS滤镜详解
- HTML/CSS-返回到上一页