Question

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

我有一个打印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>

我将其向左浮动，当它打印第二页时，它会从列表的名称部分中删除（在Firefox中，在Google Chrome和IE中正常工作），请参阅此处：http://cl.ly/de965aea63f66c13ba32

我指的是：http://www.alistapart.com/articles/goingtoprint/ - 他们提到了关于应用浮点数的事情：无;到页面的内容部分。如果我这样做，我应该如何让列表显示在4列中？它是一个动态列表，从数据库中提取。

感谢任何帮助。

Answer 1

如果列表的目的是将名称与扩展名相关联，那么dl或table会更合适。如果列表的目的仅仅是列出名称而扩展名只是......额外的，我猜测你可以使用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;
}
/**/}

打印友好版本的浮动列表

1 个答案: