CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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 – 如何将一个字符垂直和水平放在正方形div中全部内容,希望文章能够帮你解决css – 如何将一个字符垂直和水平放在正方形div中所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。