css文本显示
来源:互联网 发布:淘宝链接生成器 编辑:程序博客网 时间:2024/05/17 20:02
文字超出隐藏并显示省略号
html代码如下:
<
div
class
=
"css1"
>Web前端开发 - 专注于网站前端设计与Web用户体验</
div
>
<
div
class
=
"css2"
>Web前端开发 - 专注于网站前端设计与Web用户体验</
div
>
<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>
0 0
- css文本显示
- css文本单行显示
- css文本超出显示..
- 通过CSS显示垂直文本
- Css控制显示文本个数
- CSS文本溢出显示省略号
- CSS文本过长显示省略号
- css文本溢出显示省略号
- [ css ]文本溢出显示省略号
- css实现超出文本...显示
- CSS实现文本显示部分内容,多余文本显示省略号
- css javascript滑动文本选项卡显示
- css javascript滑动文本选项卡显示
- css javascript滑动文本选项卡显示
- CSS控制文本溢出显示省略号
- css 对超出文本显示省略号
- CSS -- 控制多出文本显示省略号
- HTML+CSS基础 body标签显示文本
- bzoj1026[SCOI2009]windy数 【数位dp】
- 相似度算法之欧几里得距离
- QueryCache那些事
- 3D max模型导入unity 3D中注意事项
- 从系统服务进程访问HKEY_CURRENT_USER主键
- css文本显示
- pure virtual析构函数
- 两种在web项目中获取读取文件的路径的方法
- 哈夫曼树 ACM
- React Native ListView的Item设置点击事件时null is not an object
- 第二章 怎样把android studio快捷键设置与eclipse一样
- 使用uiautomator的python封装进行android的UI测试
- opencv 图像减色
- Handler Looper MessageQueue