CSS: Vertical text cannot be aligned horizontally within a table cell
Categories
(Core :: Layout: Text and Fonts, defect)
Tracking
()
People
(Reporter: mazin07, Unassigned)
References
()
Details
Attachments
(1 file)
(deleted),
image/png
|
Details |
User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:91.0) Gecko/20100101 Firefox/91.0
Steps to reproduce:
Consider the following HTML table:
<table>
<tbody>
<tr>
<th>This is my heading</th>
</tr>
<td style="writing-mode: vertical-rl;vertical-align:middle;border:1px solid black;">
しょうがない
</td>
</tbody>
</table>
Actual results:
The Japanese text should be laid out vertically, right to left. That works.
But in Firefox, there is no way to control whether it appears on the left side, in the middle, or on the right side of the table cell.
Expected results:
In Chrome, you can set the vertical-align property. For example, vertical-align=top would align this text at the top of its natural writing order, which is the right side of the table cell, and vertical-align=bottom would put the text on the left.
Comment 1•3 years ago
|
||
The Bugbug bot thinks this bug should belong to the 'Core::Layout: Text and Fonts' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.
Updated•3 years ago
|
Comment 2•3 years ago
|
||
The severity field is not set for this bug.
:jfkthame, could you have a look please?
For more information, please visit auto_nag documentation.
Comment 3•3 years ago
|
||
I think this is essentially a dupe of bug 1231656.
Description
•