问题标签 [vertical-text]

我有一个 3x3 的 html 表。在第二行中，第一列和第三列包含旋转以垂直显示内容的 div。其他单元格正常显示内容。这些垂直 div 从 TD 高度溢出。我想根据 Div 高度（垂直宽度）动态扩展 TD 高度。

这是小提琴的代码

更新

HTML

CSS

提前致谢。

我为垂直旋转的侧边栏菜单制作了最糟糕的 CSS。请问有什么帮助来制作这个正确的CSS吗？我也尝试过旋转列表容器 DIV。但我又无法控制位置

这是菜单

我使用Antenna House Formatter工具 (v6.3) 来渲染带有附加 css3（分页媒体模块）的 html 文档的 PDF 文件。

我想将表格单元格中的文本逆时针旋转 90°。应自动设置旋转表格单元格的高度。

HTML 代码

正如您所看到的，表格单元格确实有一个帮助器类和一个用于单元格继承内容的旋转包装器 div。

CSS 代码

渲染结果 (PDF)

渲染结果具有异常大的字符间距。文本对齐和垂直对齐 css 属性也不会再被应用（例如，辅助类center和middle on td）。

有没有一种简单的方法来旋转表格单元格内容并保持包装宽度（自动）？

我们如何使表格标题中的文本方向从下到上？以下代码适用于 Chrome。但它不适用于 Firefox。

是否可以为所有浏览器提供通用代码？

I've been scouring the web for hours now on many different forums, but no one seems to have the answers I need. How do I align my text vertically in a table cell? Like that: But without spaces

V

E

R

T

I

C

A

L

Here is my code:

I have tried text orientation, textdirection, etc.

I'm lost, can someone help?

我正在尝试使用以下方法来做到这一点：

但它正在旋转文本和单元格。如何在单元格内垂直旋转文本？

我通常只使用 line-height 进行垂直居中，但在这种情况下，我正在处理的布局有点棘手。

我已经把这个 jsfiddle 放在一起来展示我到目前为止的位置。所有的 CSS hack 都建议为此使用 table-cell 技巧，但如果包装器具有绝对高度，我只能让它工作，所以对我来说，这个文本不是垂直居中的：

https://jsfiddle.net/fdtbvmcw/

我基本上需要的是文本，无论它跨越多少行，都位于图像的中间。图像不能是背景图像，我不能将固定宽度或高度附加到包装器。

包装器正在模拟更大页面模板中的响应列，我需要图像来保留您看到的该列的全宽。如果需要，可以在列中添加其他 HTML。

想法？

我正在为移动浏览器设置新网站的 CSS 文件。一个问题：文本在第二列（即我的移动布局的底部）垂直显示。换句话说，不是显示“嗨，堆栈溢出！” 我的浏览器将显示以下内容：

我尝试了许多 CSS 属性，但无济于事。我在 iOS 设备上使用 Safari。

编辑：我相信这是相关的代码

编辑 2：这是 HTML 代码

我希望在 imagick 图像中垂直显示文本。

例如，我有“测试”文本，但我想要这样的文本：

时间
_
_
_

你有什么主意吗？谢谢。

我正在尝试创建一个简单的条形图，但 CSS 存在很大问题。是的，我已经与 D3 碰撞了一段时间，但放弃了并决定创建自己的。这是我的代码：

请注意，它是从一个较大的页面中提取的，该页面包含在单个 div 中，但我已将其放入单独的页面中。

我的第一个也是最重要的问题是，我无法将 X 轴中的旋转文本 (class="verticaltext") 可靠地定位在较低的 div (#BarChartXAxis) 中。我已经尝试了左/右/下等的各种值，但文本到处都是。我终于用上面的代码让它工作了，但是一旦我改变了浏览器窗口的大小，它就会再次被修改。请注意，日期是动态生成的，因此可能少至 7 个日期，多至 90 个。因此我需要能够动态调整它。

我的第二个问题是次要的 - 我无法让 Y 轴文本位于它所在的 Div 的底部（#B2CardLeft）。

对于上述两种情况，如果 jQuery 可靠，我愿意使用它。蒂亚！