【发布时间】:2013-04-05 22:59:45
【问题描述】:
我在表格上垂直对齐到文本顶部时遇到问题
我已将表td 全局设置为vertical-align: middle。
现在我需要将只有一个 td 更改为 vertical-align: text-top
问题是,我测试的所有变体集 vertical-align:text-top 仅显示为 top
(图片中的“xxxx”与“yyyy”不在同一行)
只有一个变体作为text-top 工作,那就是更改所有td 的全局样式(我不想要这个,我需要更改只有一个 td)
查看图片
设置为本地样式显示为top local style http://aukro.svecpetr.com/style.png
设置为类显示为top local style http://aukro.svecpetr.com/class.png
改变全局td有text-top的正确效果
local style http://aukro.svecpetr.com/global-style.png
示例,您可以在 https://zbozimat.cz/test.php
有人可以帮我吗?
【问题讨论】:
-
你能把你的代码here吗?
-
我把例子放在这里zbozimat.cz/test.php
-
它们是对齐的。第一个单元格中的文本与第二个单元格中最高的元素对齐,即按钮。您不能将文本对齐到与其他类似内容居中对齐的内容的顶部。
-
@user5332 您的意思是要将
xxxx设置为text-top并将yyyy留在底部吗?在这种情况下,为什么不创建 2 个 CSS 规则?第一个用于顶部,第二个用于底部。输入td class="top-align"和td class="bottom-align"。Class名称没有任何区别(就像您自己的语言一样),但请确保是 Utf 字符。