css笔记1
2013-12-26 11:16
232 查看
1> 自动换行
word-wrap: break-word;
word-break:break-all;
table{table-layout: fixed;} //此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。
td(word-break: break-all; word-wrap:break-word;)
2>第一行空出两格
text-indent:2em
3>让div的文字只显示一行,多余的文字隐藏并加上省略号
div{ white-space: nowrap;
text-overflow:ellipsis;
text-overflow: ellipsis;
overflow:hidden;}
4>div让两端文字对齐
div{
text-align :justify;
text-justify:inter-ideograph;
}
word-wrap: break-word;
word-break:break-all;
table{table-layout: fixed;} //此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。
td(word-break: break-all; word-wrap:break-word;)
2>第一行空出两格
text-indent:2em
3>让div的文字只显示一行,多余的文字隐藏并加上省略号
div{ white-space: nowrap;
text-overflow:ellipsis;
text-overflow: ellipsis;
overflow:hidden;}
4>div让两端文字对齐
div{
text-align :justify;
text-justify:inter-ideograph;
}
相关文章推荐
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第23讲_js三大流程控制(顺序流程、分支控制、循环控制)_js调式技巧_学习笔记_源代码图解_PPT文档整理
- 【HTML+CSS+JavaScript】网页实战开发笔记之二—关于Web标准,你不能不知道的事
- XHTML+CSS 文字加粗的方式[学习笔记]
- css笔记
- HTML&CSS基础学习笔记1.21-语义化标签
- CSS学习笔记(8)--纯CSS绘制三角形(各种角度)
- CSS学习笔记一
- HTML CSS 笔记
- CSS学习笔记之<z-index属性>
- 在慕课上学习的,HTML和CSS基础学习笔记10
- DIV+CSS学习笔记总结篇
- CSS学习笔记--布局
- Java web 学习笔记 Html CSS 小节
- HTML&CSS基础学习笔记1.26-给网页添加一个css样式
- Css 学习笔记第三天
- CSS学习笔记01-块元素和内联元素.html
- 学习笔记---css中清除浮动
- CSS笔记
- 笔记:CSS规范
- 前端笔记 CSS 5