我有一個Twitter的佈局,以及八九不離十..主表還挺看起來像它,與它的切片註銷的方式...主要內容的div不會居中
html {
-webkit-user-select: none;
text-shadow: 2px 2px 2px #000;
color: #fff;
font-smooth: always;
padding: 0;
width: 100%;
height: 100%;
background: url("./img/main_back.jpg");
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
}
body
{
height: 100%;
width: 100%;
}
.content_wrap {
position: relative;
top: 5px;
display: inline-table;
margin-right: auto;
margin-left: auto;
width: 90%;
height: 100%;
background-color: transparent !important;
}
.left_table {
overflow: hidden;
display: table-cell;
text-align: center;
width: 50%;
height: 100%;
padding-left: 5px;
padding-bottom: 20px;
}
.right_table {
display: table-cell;
text-align: center;
width: 20%;
height: 100%;
}
HTML5文檔類型 頭< - 向左浮動 部分< - 右浮動
部分< - 內容包 部分< - left_table 一邊< - right_table 頁腳< - 固定位置,底部0px
標記是現貨,我一直檢查它與w3c網站。
無法將其置於中心,偏離中心大約30至40px,任何人有任何想法?
建議:在Google上搜索「2列CSS佈局」,不要使用'inline-table'或'table-cell'。如果你打算這麼做的話,你最好還是用桌子。 – Nicole 2011-05-11 19:57:15
請加價! – Jawad 2011-05-11 19:57:48
由於某些原因無法添加html ..但我編輯了我的主帖並解釋了它最好的我可以... – Crustified 2011-05-11 20:34:45