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