【问题标题】:CSS table td vertical-align text-topCSS 表格 td 垂直对齐 text-top
【发布时间】: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

改变全局tdtext-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 字符。

标签: css vertical-alignment


【解决方案1】:

为 div 添加这个:

display: inline-block;
vertical-align: top;

这是输入:

display: inline-block;
vertical-align: top;

【讨论】:

  • 简短而简单,这是一个很好的答案。我不需要显示标签
猜你喜欢
  • 2012-11-03
  • 1970-01-01
  • 2014-02-25
  • 1970-01-01
  • 1970-01-01
  • 2015-07-09
  • 1970-01-01
  • 2012-08-26
  • 2015-09-06
相关资源
最近更新 更多