在表格单元格中垂直对齐文本范围

JmRag

如何在表格单元格的div内对齐由两个跨距生成的垂直文本。我尝试了文本对齐,显示的许多组合,但是没有任何效果。我有这个HTML段

<table>
    <tr>
        <td>
            <div class="container">
                <span>This is span-sentence-1</span>
                 <span>This is span-sentence-2</span>
            </div>
        </td>
    </tr>
</table>

和输出是

This is span-sentence-1 This is span-sentence-2

而我想像这样渲染

This is span-sentence-1
This is span-sentence-2

小提琴:http : //jsfiddle.net/hjuxdd1b/1/

亚历克斯·查尔

您可以使用以下内容:

.container {
    width: 100%;
    line-height: 50px;
    border: 1px solid black;
    /*height: 50px; Remove height*/
}

.container span{
    display: block;/*Set display to  block*/
}

小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在表格单元格中垂直对齐文本范围

来自分类Dev

WatchKit:表格单元格中的垂直对齐

来自分类Dev

表格单元格中的水平和垂直对齐

来自分类Dev

无法使用itextsharp将表格单元格中的文本垂直对齐

来自分类Dev

如何在表格单元格中垂直对齐文本的第一行?

来自分类Dev

表格单元格垂直对齐的默认值

来自分类Dev

垂直对齐每个单元格的文本

来自分类Dev

当单元格内容很小时,垂直对齐在表格单元格上的奇怪行为

来自分类Dev

使用CSS表格单元格在列布局中分离垂直对齐方式

来自分类Dev

基线和顶部之间的表格单元格垂直对齐差异

来自分类Dev

Firefox中表格单元格元素的垂直对齐不起作用

来自分类Dev

将UICollectionView的单元格垂直垂直对齐

来自分类Dev

无法在表格单元格中垂直居中文本

来自分类Dev

XMLWorker:单元格的垂直对齐不起作用

来自分类Dev

垂直对齐增加单元格的高度?

来自分类Dev

垂直对齐(valign)bootstrap4单元格

来自分类Dev

垂直对齐增加单元格的高度吗?

来自分类Dev

在表格单元格中对齐表格

来自分类Dev

在表格单元格中对齐表格

来自分类Dev

垂直对齐的底部在工作单元格中不起作用

来自分类Dev

如何在不使用表格单元格的情况下垂直对齐以下内容

来自分类Dev

如何垂直对齐<p>和<div>,将它们放置在没有表格单元格属性的情况下

来自分类Dev

为什么display:inline-block在表格单元格内更改以下单元格的垂直对齐方式

来自分类Dev

表格单元中的水平和垂直对齐

来自分类Dev

表格单元中的水平和垂直对齐

来自分类Dev

表格单元中内联元素的垂直对齐

来自分类Dev

表格单元格中心的左对齐或右对齐文本

来自分类Dev

在表格的2列中垂直对齐文本

来自分类Dev

内联块div中的垂直对齐范围文本

Related 相关文章

  1. 1

    在表格单元格中垂直对齐文本范围

  2. 2

    WatchKit:表格单元格中的垂直对齐

  3. 3

    表格单元格中的水平和垂直对齐

  4. 4

    无法使用itextsharp将表格单元格中的文本垂直对齐

  5. 5

    如何在表格单元格中垂直对齐文本的第一行?

  6. 6

    表格单元格垂直对齐的默认值

  7. 7

    垂直对齐每个单元格的文本

  8. 8

    当单元格内容很小时,垂直对齐在表格单元格上的奇怪行为

  9. 9

    使用CSS表格单元格在列布局中分离垂直对齐方式

  10. 10

    基线和顶部之间的表格单元格垂直对齐差异

  11. 11

    Firefox中表格单元格元素的垂直对齐不起作用

  12. 12

    将UICollectionView的单元格垂直垂直对齐

  13. 13

    无法在表格单元格中垂直居中文本

  14. 14

    XMLWorker:单元格的垂直对齐不起作用

  15. 15

    垂直对齐增加单元格的高度?

  16. 16

    垂直对齐(valign)bootstrap4单元格

  17. 17

    垂直对齐增加单元格的高度吗?

  18. 18

    在表格单元格中对齐表格

  19. 19

    在表格单元格中对齐表格

  20. 20

    垂直对齐的底部在工作单元格中不起作用

  21. 21

    如何在不使用表格单元格的情况下垂直对齐以下内容

  22. 22

    如何垂直对齐<p>和<div>,将它们放置在没有表格单元格属性的情况下

  23. 23

    为什么display:inline-block在表格单元格内更改以下单元格的垂直对齐方式

  24. 24

    表格单元中的水平和垂直对齐

  25. 25

    表格单元中的水平和垂直对齐

  26. 26

    表格单元中内联元素的垂直对齐

  27. 27

    表格单元格中心的左对齐或右对齐文本

  28. 28

    在表格的2列中垂直对齐文本

  29. 29

    内联块div中的垂直对齐范围文本

热门标签

归档