知识总结
一、新闻列表的流程:
1:结构
如果新闻后面有时间
< li>
< a herf=”#”>新闻内容< /a>
< span>时间< /span>
< / li>
如果没有时间
< li>
< a herf=”#”>新闻内容< /a>
< / li>
2:给li添加宽高,高度量取的时候,量行高就行。
3:给新闻内容a和时间span添加浮动,一左一右。
4:设置文本样式。
5:用添加背景图的形式给li添加列表符号
6:让背景图上下居中 ,文本上下居中
7:给li添加padding-left 把列表符号露出来
二、空白页面的处理:
1:空白空间的处理
White-spae:;
Pre
Pre-wrap
Pre-line
Inherit 继承
Nowrap 不让文本换行
2:溢出属性(控制内容溢出时候的显示方式)
Overflow属性:
Auto 当内容超出是由滚动条,没超出时没有
Scroll 添加滚动条
Hidden 溢出隐藏
Inherit 继承
拓展:
Overflow-x:横向
Overflow-y:纵向
3:text-Overflow:ellipsis/clip
Ellipsis 省略号显示
Clip 没有省略号
控制单行文本,溢出 省略号显示:
1:White-spae:nowrap; 不换行
2:Overflow:hidden; 溢出内容隐藏
3:text-Overflow:ellipsis; 溢出内容省略号显示
4:容器要有宽度!