Question

我已经尝试了很多方法让它发挥作用。我的目标是无论使用哪种设备，都能正确对准屏幕中心。（响应）。

我目前的代码是：

<style>
    ul {
        width: 615px;
        margin: 50% 100%; 
    }

    .item {
        position: relative;
        display: table; 
        text-align: center;
        width: 615px;
        height: 80px;
        font-family: UnfoldingTrag;
        font-size: 60px;
        color: #fff;
    }

    .item div{
        display: table-cell; 
        vertical-align: middle; 
        text-align: center; 
    }
    </style>

    <ul>
        <li class="item"> <div>Crime.pw</div> </li>
    </ul>

但它无法正常工作。当我使用CTRL＆amp;放大时+在chrome中，它执行以下操作： FromBase64Transform

无论屏幕大小或设备如何，它都应正确对齐。有没有简单的方法呢？

我知道这可能是100个问题的重复，但我无法在任何地方找到任何正常工作的代码。

当前代码包含在一个div中，类container是它的CSS：

.container {
    position: fixed;
}

它修复的原因是因为我的导航菜单不会正常显示，否则出于某种奇怪的原因。不确定它是否仍然需要此位置属性，所以我现在就检查它。

P.S：如果您愿意，可以直接转到以下页面调试我的CSS：https://gyazo.com/d7c848bb4c1079334d74ccfbf58770f8

CSS - 水平和垂直对齐文本

0 个答案: