html - 如何在第一个字符之前按字母顺序从上到下排列名称

标签 html css alignment

我有一些名字按字母顺序排列,设计为

A
 abc

B
 bcd   

它们在三列中,问题是有些名字没有放在字母下面..

请检查fiddle

在H下没有名字所以写成No sellers,但它不在H下.. 我已经使用了列 css.. 请帮助我修复 css。

编辑

为获得最佳效果,请使用 mozilla firefox 网络浏览器

有时看起来像

A       cde            good
  abc   E              H
B        edffffff       hair
  Bcd   F
C        fail
        G

这里 cde 应该出现在字母 C 下,但它显示在第二列..

同样对于 G,字符串 good 应该出现在 G 下,但它位于第 3 列。

最佳答案

HTML 有一些奇怪的规则来平整/减少某些地方的空白。在您的情况下,当新列开始时,左边距将被忽略。如果您有最高利润率,也会发生同样的情况。

我认为唯一的解决方案是使用 <span style="width:2em" /> 缩进元素在div里面.

或者,您可以尝试使用嵌套列表而不是使用 div .

也就是说,当“H”的元素与“H”本身位于不同的列时,它看起来仍然很难看。我建议在服务器上手动将页面布局为几列,然后呈现一个三列的表格,这样你就可以得到:

   ...      H (contd.)
   ...         h2
   ...
   ...
   ...
   H
      h1

关于html - 如何在第一个字符之前按字母顺序从上到下排列名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19427815/

相关文章:

jquery - 使用 slider 打开图像

jquery - 如何在 jquery 中将 data-spy ="affix"动态更改为 data-spy ="affix-top"

javascript - 在另一个页面上显示搜索数据 <div>

html - : hover, 颜色没有改变

html - 使用显示 :flex only work properly in index. html 的 div 容器

HTML/CSS 将对象与 float 中心对齐

c++ - 将一个类与其继承的类对齐?强制所有堆栈对齐?改变尺寸?

html - 表格为行应用CSS

javascript - 将选项卡固定到页面顶部,但在标题下方

javascript - Div 右对齐并根据右侧的其他 Div 更改 x 位置