6 个回答

很有趣的问题。不过个人感觉除了对line-height利用magic number来hack外,可能无解。

因为字体设计的时候,其实是由考虑到标点的对齐方式和默认位置的。.这个符号默认就是在底下的。
图中标黑的是.这个符号的样式,可以和其余文字的对齐方式做对比
clipboard.png

期待其他解答。

我觉得你需要中文输入法状态下 1 左边那个键输出的点号·
图片描述

我试了一下,除了用padding-bottom撑起来以外没发现什么好办法,楼上的line-height估计也可以吧

clipboard.png

不好意思,开始误解了你的意思,我试了下:

可以填上以下css试试,

display:table-cell;
vertical-align:middle;

你的line-height可以不要,建议你把height增高才能看出效果来,比如60px。

但是这种垂直居中不是表象上的垂直居中,因为冒号本身就在文本行的低位.

以下是我第一次回复的内容(理解错误):

垂直居中是我们经常遇到的问题,但是有个重要的前提,那就是在哪个容器里面居中?
这个省略号外面就是body,没有通常意义上的外层容器,是不是这样讨论居中就失去了原有的意义呢?

我觉得在实际应用中遇到的问题就是外层容器确定了,然后再考虑如何使内部的内容垂直居中,这个内部的可以是内联元素也可以是块。

我暂且猜测你想要的是icon,为什么不用css3做的icon或者fonticon呢

推荐问题
宣传栏