HTML-如何將跨度顯示爲沒有<br>的列表？

我必須創建一個具有一些跨度的div。跨度應顯示在列表中（輪廓 - 工具尖跨度和文本光跨度）。我使用了<br>。問題是，最後一個跨度，文本燈，而不是上面的填充）。HTML-如何將跨度顯示爲沒有<br>的列表？

我該如何解決？

<span class="flex"> 
    <span class="profile-tool-tip " url="/threebaysover/profile/companyProfileTooltip/NA%3D%3D"><a href="/threebaysover/profile/show/NA%3D%3D">Wow</a></span> 
    <span class="text-light"> 
     has added 4 new photos to the product - 
     <a href="/threebaysover/product/show/Mg%3D%3D">wow tour</a> 
    </span> 

    <span class="text-light"> 
     <br> 
     · 51 minutes ago 
    </span> 
</span>

來源

2014-11-23 Sarit Rotshild

如果你需要有不使用brspan s分別在自己的線路，你可以聲明爲塊。

span.flex span {display: block;} /* or list-item if you need really a list */

來源

2014-11-23 11:01:30 panther

@ panther-它沒有完成這項工作。時間的跨度直接在「向產品添加了4張新照片」（內嵌）後面instesd之後 – 2014-11-23 11:20:41

因此，您可能會使st。壞。當你使用'display：block;'時，它不能內聯:-) http://jsfiddle.net/jz5tmk0h/ – panther 2014-11-23 11:23:46

@ panther-u是對的。我把風格放在了錯誤的地方。 10倍 – 2014-11-23 12:26:31

HTML-如何將跨度顯示爲沒有<br>的列表？

回答

相關問題