空的跨度移動其他跨度

<span style="float:left; padding-right: 5px;"> 
    <span style="display:block;">Harvard</span> 
    <span>John Smith</span> 
    </span> 

    <span style="float:left; padding-right: 5px;"> 
    <span style="display:block;">Chicago</span> 
    <span>Tucker Max</span> 
    </span> 

    <span style="float:left; padding-right: 5px;"> 
    <span style="display:block;"></span> 
    <span>Rihanna</span> 
    </span> 

    <span style="float:left; padding-right: 5px;"> 
    <span style="display:block;">NYU</span> 
    <span>Peter Simpson</span> 
    </span> 
//... and many more

第一個跨度包含大學，第二個跨度包含人的名字。現在我的問題是，無論何時我有一個人不去單身，我只想讓它保持空白。空的跨度移動其他跨度

但是，當我這樣做的人的名字上移，並不與其他名稱一致。所以在我的例子中，蕾哈娜向上移動：

我可以寫類似-或no uni，但我更希望有一個空白的領域有，因爲它只是更加整齊。我也更喜歡有一個基於CSS的解決方案。

編輯：如果人們不滿意這個，至少讓我知道爲什麼。

來源

2017-06-06 George Welder

在您瞭解必要的CSS基礎知識以瞭解可能的處理方式之前，我建議您將簡單的空間放入這些「空白」區域。 – CBroe

謝謝。爲什麼不幫我與CSS雖然？ –

-1

<span style="float:left; padding-right: 5px;"> 
    <span style="visibility:hidden;">&nbsp</span><!-- Change is in this line --> 
    <span>Rihanna</span> 
</span>

您可以使用「visibility：hidden」樣式。這樣，隱藏元素時仍然會使用跨度的高度/寬度。

來源

2017-06-06 10:07:46 TheNightmare

爲什麼這是downvoted？ –

空的跨度移動其他跨度

回答

相關問題