• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    小技巧处理div内容溢出

    前几天遇到一个问题,代码是这样一个层次:

    复制代码 代码如下:

    div class="province">
        ul>
            li>1/li>
            li>2/li>
            li>3/li>
        /ul>
    /div>

    我设置了div的边框,

    要想ul的内容在边框内,

    必须设置div高度。

    但是,ul内的内容是变化的,内容少的时候就不及div的高度。

    不设高度的时候,ul的内容就出现在边框外了。

    原来需要设置ul的边框。想想也是,先设置与他关系最近的元素吧。

    对于前端不是很专业的同僚来说,写css样式表还是有个规则比较好:

    指定css样式要有层次:如上例,定义li的样式 .province ul li{...}

    写样式有个大致顺序:容器大小(width,height......),容器位置(left,margin......),容器文本(color......),其他

    这样尽可能避免样式覆盖之类的问题。

    您可能感兴趣的文章:
    • jQuery实现控制文字内容溢出用省略号(…)表示的方法
    • 文字溢出实现溢出的部分再放入一个新生成的div中具体代码
    • div中文字内容溢出常见的解决方法
    上一篇:ie6,ie7,ie8完美支持position:fixed的终极解决方案
    下一篇:html小技巧之td,div标签里内容不换行
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    小技巧处理div内容溢出 小,技巧,处理,div,内容,溢出,