Question

从朋友那里得到一个有趣的问题，真的不是我的强项 - 对于那些专注于此的人来说，这可能是一个简单的解决方案。网站在IE中呈现良好，但在Firefox，Safari，Chrome中，表格在屏幕外向右移动。非表元素显示为他们应该的。我认为它是CSS中的东西 - 但是如何解决？中央？余量？（是的，我知道没有颜色“象牙”。）

<style type="text/css">
    #outer {height: 860px; overflow: hidden; position: relative; width: 100%;}
    #outer[id] {display: table; position: static;}

    #middle {position: absolute; top: 50%; width: 100%; text-align: center;} /* for explorer only*/
    #middle[id] {display: table-cell; vertical-align: middle; position: static;}

    #inner {position: relative; top: -50%; text-align: left;} /* for explorer only */
    #inner {width: 200px; margin-left: auto; margin-right: auto;} /* for all browsers*/
    /* optional: #inner[id] {position: static;} */

    /* just format */
    div.greenBorder {border: 1px solid green; background-color: ivory;}
</style>

从非IE浏览器查看时，CSS的居中/对齐问题

0 个答案: