如何對齊元素的中心文本而不考慮浮動元素

好吧，我得到這個標記如何對齊元素的中心文本而不考慮浮動元素

<th class="ai1ec-weekday <?php if($day['today']) echo 'ai1ec-today' ?>"> 
    <span class="ai1ec-weekday-date"><?php 
    echo Ai1ec_Time_Utility::date_i18n('l', $date, true); 
    ?> </span> 
</th>

的跨度有text-align: center

enter image description here

現在我想產生這樣的輸出添加一個漂浮在右邊的按鈕

<th class="ai1ec-weekday <?php if($day['today']) echo 'ai1ec-today' ?>"> 
    <div class="btn-group pull-right"> 
     <button class="btn ai1ec-reveal-events"><?php _e('Reveal all events', AI1EC_PLUGIN_NAME) ?></button> 
    </div> 
    <span class="ai1ec-weekday-date"><?php 
    echo Ai1ec_Time_Utility::date_i18n('l', $date, true); 
    ?> </span> 
</th>

，這就是我得到

enter image description here

什麼，我想獲得的是mondais仍然中心，因爲它是以前，但我想這樣做，不使用絕對定位（如果可能的話，當然）

的CSS（我的意思是不是引導CSS等）

.ai1ec-week-view th .ai1ec-weekday-date, 
.ai1ec-oneday-view th .ai1ec-weekday-date { 
    font-size: 10.5pt !important; 
    font-weight: normal !important; 
} 
.ai1ec-week-view th .ai1ec-weekday-day { 
    font-size: 9pt !important; 
    font-weight: normal !important; 
} 
.ai1ec-month-view th, .ai1ec-oneday-view th { 
    text-align: center !important; 
}

來源

2013-01-21 Nicola Peluchetti

，我們可以看到所有的CSS中的文本的位置？（或者是在Twitter Bootstrap？） –

爲什麼你不想使用絕對位置？ – fcalderan

@ PaulD.Waite是的，這是twitter引導，我已經添加了我認爲這很重要，有很多覆蓋等等 –

看到這種方法：http://jsbin.com/uxejes/1/edit
（僅在Fx18和測試鉻）

相關CSS

button { 
    float: right; 
    margin-right: -100%; 
    position: relative; 
    left: -100%; 
} 

span { 
    display: block; 
    text-align: center; 
}

按鈕（帶position: relative）不會影響包含在span元素

來源

2013-01-21 12:19:42 fcalderan

如何對齊元素的中心文本而不考慮浮動元素

回答

相關問題