html - 如何使多列滚动条菜单看起来像 Excel 电子表格

Question

我想显示一个人员列表，并将名字和姓氏放在两个单独的列中。我也应该能够垂直滚动。它工作正常，但我希望屏幕看起来像 excel 电子表格。即，我正在尝试显示每一列的标题，类似这样的内容:

  first     last
  John      Smith
  John      Doe

这是一个 jsfiddle http://jsfiddle.net/MmLQL/11/当我尝试添加标题“first”和“last”以及下方的水平线时，它会垂直添加它们:

first   john
last     Smith
john     Doe

感谢您的帮助!

Answer 1

首先你不应该使用 id 两次，但无论如何你可以试试这个:

#div_all_columns
{

   -moz-column-count: 2;
   -webkit-column-count: 2;
    column-count: 2
    width: 380x; 
    padding: 10px;  
    display: table;
}

#div_column
{  
    font-size:90%;
    display: table-row-group;
    margin:4px;
}

p
{
    display: table-cell;
    text-align: justify;
}