css笔记1

来源:互联网 发布:java自动化测试工具 编辑:程序博客网 时间:2024/05/17 06:58

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;

}

0 0
原创粉丝点击