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

时间:2011-12-01 02:06:43

标签: css html-table vertical-alignment cellspacing

这应该很简单,但我无法理解。那么:如何将这两个字符合并到一个表中呢?

〳   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 big的大版本。但仅仅设置边框间距,填充,折叠等是不够的,因为字符本身上方和下方仍有空间。尝试失败:

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

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

2 个答案:

答案 0 :(得分:1)

您还需要使用border-spacing:0;。这与填充: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>

如果您在日本博客上搜索它,肯定会有解决方案。

答案 1 :(得分:0)

如果你可以将它们包裹在span中,那么http://jsfiddle.net/zdqvM/5/就可以正常工作,即使字体大小更高,这种转变似乎也是正确的:http://jsfiddle.net/zdqvM/6/