zoukankan      html  css  js  c++  java
  • 关于dl dt dd 文字过长换行在移动端显示对齐的探讨总结

    关于dl  dt dd 文字过长换行在移动端显示对齐的探讨总结

    <dl>
    <dt>抵押房产:</dt>
    <dd>1、北京市大兴区兴华大街丽园小区3单大兴区兴华大街丽园小区3单</dd>
    <dd>2、上海市大兴区兴华大街丽园小区2号楼3单元1208大兴区兴华大街丽园小区2号楼3单元1208</dd>
    <dd>3、广州市大兴区兴华大街丽园小区3单大兴区兴华大街丽园小区3单</dd>
    </dl>

    一般我喜欢这样写,便于对齐文字内容

    但是这样在chrome模拟器查看 ,栏目内容过长会出现换行,这是肯定的

    设计师,希望换行的文字和第一行文字左对齐

    这个时候需要给当前dd添加 

    padding-left: 20px;
    text-indent: -20px;

    即可对齐显示

    即可

    参考链接 http://files.cnblogs.com/files/leshao/dtdl%E5%AF%B9%E9%BD%90.rar

    感谢lost 

  • 相关阅读:
    ==和equals的区别
    Java标准库定义的常用异常
    java.lang.ArithmeticException: / by zero
    类的设计
    预处理&枚举&其他
    内存管理
    指针和字符串
    指针
    数组
    流程控制语句
  • 原文地址:https://www.cnblogs.com/leshao/p/5474207.html
Copyright © 2011-2022 走看看