Смуты с позиционированием в CSS

так недавно я открыл свой форум и в настоящее время настраиваю тему, но столкнулся с некоторыми проблемами. В сообщениях есть статистика, отображаемая справа, но они слишком близко друг к другу и отображаются неясно. После некоторого времени исследований, таких как позиционирование, контейнеры и т. Д., Я до сих пор не смог найти свой ответ и отчаянно нуждаюсь в помощи. Вот скриншот того, что я говорю о:Смуты с позиционированием в 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 
    }

Если вам нужна дополнительная информация, дайте мне знать, и я могу представить его , Заранее благодарю за любую помощь!

EDIT: Вот часть 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>

источник

2015-10-26 nil

показать полный код – kfreeman04208

Вы хотите, чтобы они отображались горизонтально? Или просто отстоят более вертикально? – kfreeman04208

@ kfreeman04208 Я бы хотел, чтобы они отображались более горизонтально, поэтому, вероятно, около 5 пикселей влево. Кроме того, полный код длиной более 2500 строк, поэтому я просто оставил его в HTML-аспекте. Благодаря! – nil

Попробуйте один

.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; 
}

Вам просто нужно увеличить или уменьшить запас по-правое значение

источник

2015-10-26 03:05:22

Это тоже сработало, спасибо! – nil

добро пожаловать :) –

Ваш вопрос довольно запутанным, как я думал, что эта тема вполне нормально в каждом отдельном форуме Я присоединился.

Но вы можете попробовать этот код:

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

для того чтобы достигнуть этого:

Надеется, что это помогает!

источник

2015-10-26 03:14:31 sandalkoyak

Большое вам спасибо, это исправлено! Я, к сожалению, не могу выдвинуть его, но мне нужно 15 репутации, но как только я это добьюсь, я это сделаю! – nil

Рад, что это помогло! :) – sandalkoyak

Смуты с позиционированием в CSS

ответ

Смежные вопросы