经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » JavaScript » 查看文章
如何使用CSS将文本垂直居中?
来源:cnblogs  作者:python之恋  时间:2021/5/6 17:57:39  对本文有异议

我有一个<div>包含文本元素,我想对齐此<div>垂直中心的内容

这是我的<div>风格:

 

  1. #box {
  2. height: 170px;
  3. width: 270px;
  4. background: #000;
  5. font-size: 48px;
  6. color: #FFF;
  7. text-align: center;
  8. }
  1. <div id="box">
  2. Lorem ipsum dolor sit
  3. </div>

    解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:
  1. 解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:
  1. 解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:
  1. 解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:
  1. 解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:
  1. 解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:

 

 

您可以尝试以下基本方法:

 

  1. div {
  2. height: 100px;
  3. line-height: 100px;
  4. text-align: center;
  5. border: 2px dashed #f69c55;
  6. }
  1. <div>
  2. Hello World!
  3. </div>

本文首发于前端黑洞网,博客园同步跟新

原文链接:http://www.cnblogs.com/pythonzhilian/p/14710174.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号