关于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