• 自动换行后缩进怎么做(CSS)?(可用于 Li y 元素的排版)



    <style type="text/css">
    li{ 100px; border:1px solid #ccc; padding-left:25px; text-indent:-25px;}
    </style>
    </head>
     
    <body>
    <ul>
        <li>我恶魔呢放假额菲菲金额发</li>
        <li>我恶魔呢放假额菲菲金额发</li>
    </ul>
    </body>
    </html>
    原理就是先在左边用padding空开,再用text-indext把第一行收回来

    附:

    参考资料:

    list-style-type的用法

    语法:
    list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin

    取值:
    disc : CSS1 默认值。实心圆
    circle : CSS1 空心圆
    square : CSS1 实心方块
    decimal : CSS1 阿拉伯数字
    lower-roman : CSS1 小写罗马数字
    upper-roman : CSS1 大写罗马数字
    lower-alpha : CSS1 小写英文字母
    upper-alpha : CSS1 大写英文字母
    none : CSS1 不使用项目符号
    armenianl : CSS2 未支持。传统的亚美尼亚数字
    cjk-ideographic : CSS2 未支持。浅白的表意数字
    georgian : CSS2 未支持。传统的乔治数字
    lower-greek : CSS2 未支持。基本的希腊小写字母
    hebrew : CSS2 未支持。传统的希伯莱数字
    hiragana : CSS2 未支持。日文平假名字符
    hiragana-iroha : CSS2 未支持。日文平假名序号
    katakana : CSS2 未支持。日文片假名字符
    katakana-iroha : CSS2 未支持。日文片假名序号
    lower-latin : CSS2 未支持。小写拉丁字母
    upper-latin : CSS2 未支持。大写拉丁字母

  • 相关阅读:
    网络编程 并发-进程
    几个内置方法
    面向对象---两个内置函数和一些内置方法
    面向对象再进阶
    android设置图文提醒功能
    android 之实现手机震动功能
    android之实现选择对话框
    android 实现模拟加载中的程序
    android 简单对话框实现
    android 实现页面跳转及数据的传递和返回
  • 原文地址:https://www.cnblogs.com/lxshanye/p/4041182.html
Copyright © 2020-2023  润新知