中英文下的还是有区别的:
http://jsbin.com/wexicat/edit?html,css,output
不好意思,开始误解了你的意思,我试了下:
可以填上以下css试试,
display:table-cell;
vertical-align:middle;
你的line-height可以不要,建议你把height增高才能看出效果来,比如60px。
但是这种垂直居中不是表象上的垂直居中,因为冒号本身就在文本行的低位.
以下是我第一次回复的内容(理解错误):
垂直居中是我们经常遇到的问题,但是有个重要的前提,那就是在哪个容器里面居中?
这个省略号外面就是body,没有通常意义上的外层容器,是不是这样讨论居中就失去了原有的意义呢?
我觉得在实际应用中遇到的问题就是外层容器确定了,然后再考虑如何使内部的内容垂直居中,这个内部的可以是内联元素也可以是块。
5 回答1.4k 阅读✓ 已解决
3 回答1.4k 阅读✓ 已解决
3 回答2.2k 阅读✓ 已解决
4 回答2k 阅读
2 回答1.5k 阅读✓ 已解决
3 回答1.3k 阅读✓ 已解决
1 回答1.6k 阅读✓ 已解决
很有趣的问题。不过个人感觉除了对
line-height
利用magic number来hack外,可能无解。因为字体设计的时候,其实是由考虑到标点的对齐方式和默认位置的。
.
这个符号默认就是在底下的。图中标黑的是
.
这个符号的样式,可以和其余文字的对齐方式做对比期待其他解答。