zoukankan      html  css  js  c++  java
  • 关于两端对齐

    写页面的时候经常会遇到li列表循环的数据,需要两端对齐并且兼容IE8,以前还在用margin-left这种笨办法,老办法,百度之后发现竟然还有如此好用的方法。

    1,text-align:justify 属性是全兼容的,使用它实现两端对齐,需要注意在模块之间添加[空格/换行符/制表符]才能起作用,同样,实现文本对齐也是需要在字与字之间添加[空格/换行符/制表符]才能起作用

    2,测试发现,text-align:justify只可以让第一行实现两端对齐,第二行开始不生效,还需要加一行代码text-align-last: justify;即可实现所有列表两端对齐,此方法只能在列表元素没有浮动的情况下才可以生效,比如li列表需要使用display:inline-block方法让它们一行显示,否则次方法不生效。

     
  • 相关阅读:
    vue-loader
    slot内容分发
    单向数据流
    vue父子组件(1.0)
    vue组件
    vue过渡
    vue之自定义组件
    jquery下拉菜单
    vue之过滤器
    【数学】数学归纳法
  • 原文地址:https://www.cnblogs.com/yanruilong/p/6895871.html
Copyright © 2011-2022 走看看