2015-10-26 56 views
0

所以最近我打開了我的論壇,目前正在配置主題,但遇到了一些麻煩。在帖子上,右側顯示統計信息,但它們太靠近並且顯示不清晰。經過一段時間的研究,如定位,容器等,我仍然無法找到我的答案,仍然非常需要幫助。下面是我在說什麼的截圖:在CSS中定位遇到問題

Screenshot 1

這是統計的CSS:

.post .post_author div.author_statistics { 
     float: right; 
     font-size: 11px; 
     padding: 3px 10px 3px 5px; 
     padding-left: 50px; 
     color: #666; 
     line-height: 1.3 
    } 

如果您需要任何額外的信息,讓我知道,我可以提供它。預先感謝任何幫助!

編輯:這裏是統計HTML的一部分。

<span style="font-size:13px;"> 
    <div align="center"> 
    <div class="float_left">Posts:</div> <div class="float_right"> 13</div><br> 
    <div class="float_left">Threads:</div> <div class="float_right"> 1</div><br> 
    <div class="float_left">Joined:</div> <div class="float_right"> Oct 2015</div> 


    <br><div class="float_left">Reputation:</div> <div class="float_right"> 
    <a href="reputation.php?uid=2"><strong class="reputation_positive">2</strong></a> 
    <!-- end: postbit_reputation_formatted_link --></div> 
    <!-- end: postbit_reputation --></div> 
    <!-- end: postbit_author_user --> 
    </span> 
+0

請顯示完整的代碼 – kfreeman04208

+0

你想讓它們水平顯示嗎?或者只是間隔更多的垂直? – kfreeman04208

+0

@ kfreeman04208我想讓它們更加水平地顯示,所以大概在左邊5px左右。另外,完整的代碼長度超過2500行,所以我只是留下了HTML的一面。謝謝! – nil

回答

0

試試這個

.post .post_author div.author_statistics { 
    margin-right: 50px; 
    float: right; 
    font-size: 11px; 
    padding: 3px 10px 3px 5px; 
    padding-left: 50px; 
    color: #666; 
    line-height: 1.3; 
} 

你只需要增加或減少保證金權值

+0

這也行得通,謝謝! – nil

+0

不客氣:) –

0

你的問題是相當混亂,因爲我覺得這個主題是在每一個論壇很正常我加入了。

但是你可以試試這個代碼:

.post .post_author div.author_statistics .float_left { 
    float: left; 
    width: 80px; 
    text-align: left; 
} 

要實現這一目標:enter image description here

希望它能幫助!

+0

非常感謝你,這個修好了!我很遺憾地無法支持它,因爲我需要15點聲望,但只要我達到目的,我就會! – nil

+0

很高興幫助! :) – sandalkoyak