如何在CSS中第一個元素向右移動時放置第二個元素中心

我對CSS非常陌生，並且創建了一個調用目錄，它在左側顯示一個圖標並在旁邊顯示一個人的名稱。在下一行中，我正在打印他的電話號碼。電話號碼與中心對齊，但名稱並非總是如此。如何在CSS中第一個元素向右移動時放置第二個元素中心

爲了使中心我包裹着我在一個div的所有內容

<div class="container thumbnails" id="all1" tabindex="5000" align="center"> 
</div>

我怎樣才能居中人的名字時，那個小圖標推名稱對？

當你瞭解更多，你會發現你很少想使用一個實際的img標籤。在這種情況下，圖像應該是它旁邊元素的背景。通過這種方式，您可以將其定位到任何地方，而無需推動內容。在你改變它的時候，你可能希望使標記更加語義化（儘可能簡單並且由函數而不是樣式定義）。我建議是這樣的：

HTML

<dl> 
    <dt><a href="#">Name 1</a></dt> 
    <dd>Description 1</dd> 
    <dt><a href="#">Name 2</a></dt> 
    <dd>Description 2</dd> 
</dl>

CSS

dt { 
    background: url('icon.png') no-repeat left center; 
}

2014-04-28 23:42:34 swider

回答