在表格中垂直堆叠两个字符，它们之间没有空格

Posted 2023-03-05

【中文标题】在表格中垂直堆叠两个字符，它们之间没有空格

【英文标题】：Stacking two characters vertically in a table with no space between them

【发布时间】：2012-01-10 06:23:46

【问题描述】：

这应该很简单，但我想不通。那么：如何让这两个字符合并到一个表格中？

〳   1st row, U+3033 VERTICAL KANA REPEAT MARK UPPER HALF
〵   2nd row, U+3035 VERTICAL KANA REPEAT MARK LOWER HALF

这些用于日语的竖写，它们组合起来看起来像U+3031 VERTICAL KANA REPEAT MARK〱的大版本。但仅仅设置边框间距、填充、折叠等是不够的，因为字符本身的上方和下方仍有空间。尝试失败：

<table style='border-collapse:collapse'>
  <tr><td>〳</td></tr>
  <tr><td>〵</td></tr>
</table>

那么如何从文本中榨取汁液呢？我想理想的答案是在浏览器中使用“真正的”垂直书写功能，但据我所知this 仍然是一个乌托邦草案。

【问题讨论】：

“乌托邦草案”我喜欢：+1。

【参考方案1】：

您还需要使用border-spacing: 0;。连同 padding:0;会有所帮助。它们应该匹配，但是，根据实际字体字符的填充，您可能必须使用 div，并设置高度/宽度以便剪辑。

如果您只是想显示角色，使用 Div 可能会更好。

http://www.gateshosting.com/test/slash.html

<div>
 <div style='border:0;padding:0;font-family:tahoma;font-size:15px;height:14px;'>/</div>
 <div style='border:0;padding:0;font-family:tahoma;font-size:15px;height:14px;''>\</div>
</div>

如果你在日本博客或其他地方搜索它，肯定有解决方案。

【参考方案2】：

如果您可以将它们包装在 span 中，那么这适用于 http://jsfiddle.net/zdqvM/5/，并且即使在更高的字体大小下，转换似乎也是正确的：http://jsfiddle.net/zdqvM/6/。

【讨论】：

在我的浏览器上都没有排好队=/

哦，他们在 FF 8 上看起来很棒！

FF8 也在这里。可能是字体什么的，我在 OS X 上。

啊。我是win7的。必须是字体的。这可能证明了一点，无论您选择什么，它都不会在某人的计算机上看起来正确。