【问题标题】:Centering text inside of an element [closed]在元素内居中文本[关闭]
【发布时间】:2015-07-21 06:22:18
【问题描述】:

我正在尝试对齐此页面上的文本:https://m.omegarealm.tk/(特别是移动子域)

垂直到屏幕顶部红色条的中心。我正在寻找的结果是将“测试”一词垂直对齐在导航栏(红色栏)的中心。

您可以在此处查看应用于页面的 CSS:https://assets.omegarealm.tk/mobile.css

编辑:不用担心 CSS 缩进,它会被 cloudflare 压缩。在服务器上它是缩进的

【问题讨论】:

标签: php jquery html css alignment


【解决方案1】:

http://jsfiddle.net/teobzpv3/

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
div{
    position: relative;
    background: #f00;    
    padding: 25px;
}
div p {
  position: absolute;  top: 50%; left: 50%;
  -webkit-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);    
}
<div>
    <p>Text</p>
</div>

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2023-02-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-12-29
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多