zoukankan      html  css  js  c++  java
  • 个人笔记-CSS

    http://localhost:1081/sdfsdfs/config-browser/actionNames.action



    超出容器文字隐藏

    .hiddenoverflowtext {
    	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属性可解决此问题。

  • 相关阅读:
    Web基础 网页的血肉CSS
    18
    19
    20
    17
    16
    15
    13
    14
    12
  • 原文地址:https://www.cnblogs.com/slgkaifa/p/6829166.html
Copyright © 2011-2022 走看看