当前位置: 代码迷 >> Web前端 >> 挟制文本在同一行显示
  详细解决方案

挟制文本在同一行显示

热度:81   发布时间:2012-09-08 10:48:07.0
强制文本在同一行显示

<style>
body{font-size:12px;}
dt dd{margin:0px;padding:0px;}
#myultest dl{width:100%;background:#eee;}
#myultest dl dt{width:100px;float:left;}
#myultest dl dd div{float:left;margin-right:20px;height:25px;line-height:25px;}
#myultest dl dd div a{display:inline;white-space: nowrap; }
</style>

<div id="myultest">
 <dl>
  <dt>特点</dt>
  <dd>
   <div><a href="#">塔顶塔城相去甚</a></div>
   <div><a href="#">塔顶塔城相去甚</a></div>
   <div><a href="#">塔顶塔城相去甚</a></div>
   <div><a href="#">塔顶塔城相去甚</a></div>
   <div><a href="#">塔顶塔城相去甚</a></div>
   <div><a href="#">塔顶塔城相去甚</a></div>
   <div><a href="#">塔顶塔城相去甚</a></div>
   <div><a href="#">塔顶塔城相去甚</a></div>
  </dd>
 </dl>
</div>

  相关解决方案