HTML格式化：無法正確分隔文本

我試圖做一些文本顯示，但有時會顯示很多項目。問題是，對於每個項目，我必須顯示一個精靈（=只是大圖的一部分）。HTML格式化：無法正確分隔文本

其中顯示了精靈的代碼如下所示：

<span style="display:block; 
    width:48px; 
    height:48px; 
    background: url('/lol/img/sprite/item1.png') -96px -384px no-repeat;" 
>&nbsp;</span>

我面臨的問題，是大屏幕：當文本太短，下一個「項目」轉爲「」以前的，像這樣（在1920px寬屏上觀看：http://www.wogwog.fr/champions/amumu/）

我應該如何使它總是顯示爲「一張圖片+右側說明」，一行一行（只需調整瀏覽器的大小即可更小的寬度以查看「正確」的顯示）？

對不起，我不是在CSS &的英語非常好...

來源

2014-12-29 Olivier Pons

添加'clear：left'。當學習某些東西時（在這種情況下，「浮動」），學習所有的東西，不僅僅是第一件事，那麼你可能會正確地使用它。 –

我覺得你提的問題是關於DIV包圍這個跨度使用clearfix解決的。這將防止任何其他的浮動元素放置在與之相撞的地方。

Clearfix僅在container之後立即推送不可見的表格元素。

.container:after { 
    content:""; 
    display:table; 
    clear:both; 
}

來源

2014-12-29 17:26:43

根據SO規則，僅限鏈接的答案是不可接受的。你能詳細說明一下嗎？ –

非常感謝。 –

HTML格式化：無法正確分隔文本

回答

相關問題