Html 打印浮动列表的友好版本

我有一个电话分机列表，我想打印一个友好的版本

我有一个打印css，它可以适当地打印到纸上，扩展名位于一个无序列表中，浮动到左边

<ul>
  <li>Larry Hughes <span class="ext">8291</span></li>
  <li>Chuck Davis <span class="ext">3141</span></li>
  <li>Kevin Skillis <span class="ext">5115</span></li>
</ul>

拉里·休斯8291
查克·戴维斯3141
凯文·斯基利斯5115

我将其向左浮动，当它打印第二个页面时，它会删除列表中的名称部分（在Firefox中，在Google Chrome和IE中工作正常），请参见此处：

我指的是：-他们提到了一些关于应用浮动的内容：无；转到页面的内容部分。如果我这样做了，我应该如何让列表显示在4列中？它是一个动态列表，从数据库中提取

---

非常感谢您的帮助。

如果列表的目的是将名称与扩展名相关联，则使用

或

表

更合适。如果列表的目的仅仅是列出名称，而扩展名只是…额外的，我想你对

ul

没问题-对于

ul

，这个CSS在这里似乎工作正常：

/**/@media print { ul { list-style: none; margin: 0; padding: 0; font: 12px/18px sans-serif; } li { float: left; width: 24%; margin: 0 1% 0 0; position: relative; border-bottom: 1px solid gray; } li span { position: absolute; right: 0; top: 0; } /**/} /**/@媒体印刷品{ 保险商实验室{ 列表样式：无； 保证金：0； 填充：0； 字体：12px/18px无衬线； } 李{ 浮动：左； 宽度：24%； 利润率：0.1%0.0； 位置：相对位置； 边框底部：1px纯色灰色； } 锂 跨度{ 位置：绝对位置； 右：0； 排名：0； }

---

/**/}这个css可以让它正确打印吗？它以我想要的方式显示在网页上，只是当我把它打印到纸上时不正确。@Brad:别相信我的话，试试看