css – 如何将一个字符垂直和水平放在正方形div中

前端之家收集整理的这篇文章主要介绍了css – 如何将一个字符垂直和水平放在正方形div中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想要在一个正方形div中间定位一个任意的字符.我承认这听起来像一个非常简单的任务,但是我没有尝试过任何工作(而且我已经尝试过一个宝贵的事情了)1.

具体来说,我们假设div的高度和宽度等于20ex,我们假设单个字符是所谓的“乘标志”:✕,nice和对称.我想要将这个角色定位在20EXX-20EX平方的div之内,这样两个笔画交叉的点在div中是垂直的和水平的.

编辑:

我尝试了迄今为止收到的答案,here. Jedidiah和Ashok Kumar Gupta(第二和第三个div)提供的解决方案产生了非常相似的结果,但是(也许我看到的东西),✕在第三个div只是在垂直中心上方的头发.

1我已经知道,无论布局任务可能出现多么简单明了,仍然需要几个小时,几个小时才能找出CSS来实现.

解决方法

将线高设置到容器的高度应该这样做.
text-align: center;
line-height:20px;
width:20px;
height:20px;

示例:http://codepen.io/Jedidiah/pen/rLfHz

猜你在找的CSS相关文章