文本在打印介質中沒有正確對齊中心

我有一個HTML/CSS頁面，頁面在屏幕上看起來不錯，但是當我打印它時，一些文本（由2行組成）不與正確居中。文本在打印介質中沒有正確對齊中心

enter image description here

我試圖修復與填充左或利潤率左沒有結果。

下面是代碼的一部分：

.tsc_pricingtable02 li.pricing_header1 { 
 
height: 49px; 
 
font-size: 18px; 
 
line-height: 20px; 
 
color: #ffffff; 
 
-webkit-border-radius: 1px 6px 0 0; 
 
-khtml-border-radius: 19px 6px 0 0; 
 
-moz-border-radius: 19px 6px 0 0; 
 
border-radius: 19px 6px 0 0; 
 
} 
 
.tsc_pricingtable02 ul li { 
 
margin: 0px; 
 
width: 100%; 
 
height: 100%; 
 
height: 35px; 
 
padding-top: 10px; 
 
float: left; 
 
text-align: center; 
 
padding-left: 0px; 
 
}

<ul class="pricing_column red"> 
 
     <li class="pricing_header1">Tooway <br>Lite M</li> 
 
     <li class="pricing_header2">299Dh <span> HT/mois</span></li> 
 
     <li class="odd">10MB</li> 
 
     <li class="even">2MB</li> 
 
     <li class="odd">10GO</li> 
 
     <li class="even"><span class="pricing_yes"></span></li> 
 
     <li class="odd">3000DH</li> 
 
     <li class="even">5200DH</li> 
 
     <li class="odd">600DH</li> 
 
     <li class="pricing_footer"><a href="#" class="tsc_buttons2 black">Sign Up</a></li> 
 
     </ul>

來源

2015-02-24 learner123

不能text-align: center;和float:left;希望是居中。它不會。

你需要有一個<div>你<li>內具有width和排列center

這裏是一個什麼樣我說的...

<ul class="pricing_column red"> 
    <li class="odd"><div>10MB</div></li> 
    <li class="even"><div>2MB</div></li> 
    <li class="odd">10GO</div></li> 
    </ul> 

.tsc_pricingtable02 ul li { 
    margin: 0px; 
    width: 100px; <!-- Gave a real width --> 
    height: 100%; 
    height: 35px; 
    padding-top: 10px; 
    float: left; <!-- kept the align left, but removed align center --> 
    padding-left: 0px; 
} 

.tsc_pricingtable02 ul li div { 
    text-align: center; <!-- aligned center --> 
    width:100%; <!-- Gave full width --> 
}

來源

2015-02-24 17:11:13 ZombieCode

你是對的，浮動是問題的原因，我把它固定爲浮動浮動。謝謝。 – learner123 2015-02-24 17:25:22

問題是浮動，我通過將它設置爲none來修復它

.tsc_pricingtable02 ul li { 
    margin: 0px; 
    width: 100%; 
    height: 100%; 
    height: 35px; 
    padding-top: 10px; 
    float: none; 
    text-align: center; 
    padding-left: 0px; 
}

非常感謝你

來源

2015-02-24 17:30:21 learner123

文本在打印介質中沒有正確對齊中心

回答

相關問題