DL、 DT、 DD使用

 

页面显示：

 

 

前台页面：

 

<dl><dt>通用设施</dt><dd>中餐厅</dd><dd>西餐厅</dd><dd>咖啡厅</dd><dd>残疾人客房</dd><dd>理发美容中心</dd><dd>前台贵重物品保险柜</dd><dd>自动取款机</dd><dd>电梯</dd></dl>

<dl><dt>活动设施<dt><dd>KTV</dd><dd>棋牌室</dd><dd>桌球室</dd><dd>乒乓球室</dd><dd>室内游泳池</dd><dd>健身室</dd><dd>按摩室</dd><dd>桑拿浴室</dd><dd>室外游泳池</dd><dd>茶室</dd><dd>SPA</dd></dl>

 

 

CSS样式：

dl{clear:left;}

dt{float:left; width:70px; color:#666; margin-left:0px; display:inline; margin-left:-80px; }

dd{float:left; width:23%; overflow:hidden; margin-right:1.2%; margin-bottom:6px; display:inline; white-space:nowrap; text-overflow:ellipsis;}