html - 如何根据单元格内的中间破折号（或其他字符）对齐

Question

如何以简单的方式在表格的单元格中获得这种格式？，我的意思是所有破折号对齐，当我是using a proportional font.

例子：

注意：每行有更多的单元格，并且表格使用边框，所以我认为使用三个连续的不带边框的单元格，不是一个选项

Answer 1

好吧，我并不完全推荐使用桌子，但根据您发帖的要求，您可以尝试这样的事情......

<table id="myTable">
<tbody>
    <tr>
        <td>1</td>
        <td>-</td>
        <td>Lorem ipsum dolor sit amet</td>
    </tr>
    <tr>
        <td>2039</td>
        <td>-</td>
        <td>consectetur adipisicing elit</td>
    </tr>
    <tr>
        <td>49</td>
        <td>-</td>
        <td>sed do eiusmod tempor incididunt </td>
    </tr>
    <tr>
        <td>560</td>
        <td>-</td>
        <td>ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud</td>
    </tr>
</tbody>

还有一些小的 CSS

#myTable tr td:first-child{ text-align:right; }