个人笔记-CSS
2017-05-09 09:50
169 查看
http://localhost:1081/sdfsdfs/config-browser/actionNames.action
超出容器文字隐藏
.hiddenoverflowtext { width:265px; line-height:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display: inline-block; }
强制文字(字母数字有时不换行)换行
text-indent:2em; word-break:break-all; word-wrap:break-word;
点评:用了overflow:hidden 会影响 list-style,即当ul 中的li 的overflow 为hidden的时候。list-style不起作用,不显示前面的点、圈等样式,在ul或li内增加样式:list-style-position: inside; 就可以
实际上用了overflow:hidden 会影响 list-style,即当ul 中的li 的overflow 为hidden的时候。 list-style不起作用,不显示前面的点、圈等样式。解决的方法:在ul或li内增加样式:list-style-position: inside; 就可以。
注意适当调节padding位置使之最适合。
子节点高度超出父节点,父节点不能自己主动变大,是因为子节点加了float的原因,给父节点加上float属性可解决此问题。
相关文章推荐
- 为满足简单网页需要,个人CSS笔记
- 初学css个人笔记
- CSS基础(五) 个人笔记
- 初学HTML+CSS练习搭建个人博客笔记
- 【个人笔记重点,不作为参考】主题:CSS 元素垂直居中的 6种方法
- 个人css笔记(一)
- css个人盲点笔记(一)
- CSS基础(三) 个人笔记
- CSS基础(二) 个人笔记
- css动画个人笔记
- 初学css个人笔记
- css遇到的垂直水平居中(个人学习笔记)
- 个人笔记 css 03 设置表格显示外边框
- CSS基础(四) 个人笔记
- Web前端,遇到的IE6兼容性问题及解决(个人笔记,CSS施工中)
- CSS+DIV个人学习笔记
- 个人笔记 css 02 css超链接取消下划线,点击之后不变色
- web之css(个人学习笔记)
- css-day5-个人学习笔记
- css实现小三角(转载+个人笔记)