2
我有這個代碼here爲了創建一個標籤雲，這些標籤是<a>的，在裏面我插入了一個帶有標籤數量的跨度。如何使一個<span>的<a>顯示器內的同一行？
我希望它們總是在一起，但在某些情況下換行符，雖然我爲<a>設置了「display：inline」以防萬一，但仍然無效。
A
回答
6
兩個a和span元素是行內默認。您的問題是內聯元素是自動換行，並且每個字的作品，而不是每個元素。
要麼使用white-space: nowrap禁用文字換行，要麼使外部元素display: inline-block使其包裝爲完整元素。
0
您要添加white-space:nowrap;到你的CSS。這告訴瀏覽器禁用元素內的任何文本換行。
1
您需要添加white-space:nowrap的一個元素。
看到修改後的例子http://jsfiddle.net/k4u8U/4/
0
要麼添加display:inline-block;或white-space:nowrap;你的CSS爲a標籤。
這裏是2個更新jsfiddles： 與display:inline-block; http://jsfiddle.net/k4u8U/5/
與white-space:nowrap; http://jsfiddle.net/k4u8U/6/
相關問題
- 1. 如何在<code>ajax.actionlink</code>的第一個參數顯示在ajax.actionlink
- 2. 如何在同一行顯示多個div標籤的內容
- 3. 如何通過單擊另一個<input>在同一<tr>不同
- 4. 如何進行比較的一個空的NSArray顯示<null>
- 5. 使用的動態<select>值顯示一個<input type =「text>中
- 6. 實施（<++）內一個Haskell解析器
- 7. JQuery：如何計算在一個容器內顯示的行數
- 8. 從一個內部選擇另一個<h：selectOneRadio><h：selectOneRadio>
- 9. 如何在同一行中創建兩個<div>...</div>？
- 10. 如何使用ListView顯示List <>？
- 11. 如何使十個<a>鏈接顯示爲五行中的兩行？
- 12. @：vs <text></text>顯示asp.net mvc的內容mvc
- 13. 如何顯示同一單詞出現多行的行一次？
- 14. 多<html><body></html></body>在同一個文件
- 15. 如何組合最近的一個Observable <Observable <T>>？
- 16. python datetime.timedelta - 如何以<seconds>的形式顯示。 <micros>
- 17. 如何使一個條件，如果文本框是不是在數據庫中的列不同，當<code>textbox</code>是空的我顯示<code>CrystalReport</code>所有內容顯示錯誤
- 18. 如何使<option> s的<select>顯示或隱藏使用JavaScript？
- 19. <script><!--//--></script>有一個現代的目的？
- 20. <select>只顯示選定選項的第一個字符
- 21. 如何在同一行顯示文本？
- 22. 如何在同一行上向後顯示一個字符串？
- 23. 如何顯示<tag></tag>，而不是<tag/>在XStream的
- 24. 如何顯示與<php if ?>相同的內容，如果我有幾類THA需要相同的內容
- 25. 如何/etc/rsyslog.conf</p> <p>回聲「$在同一行中
- 26. 爲什麼`awk 1 RS =，<<<「1,2」`寫了一個額外的新行？
- 27. 如何在一行UITable中顯示兩個不同的值？
- 28. 如何顯示兩個tr的id與id在同一行
- 29. 如何顯示具有enddate <startdate的MS Access中的行？
- 30. 如何使一個div內的div的柔性顯示
使用'顯示：內聯塊;' – Virendra 2012-02-05 20:19:45
@Quentin謝謝，我已經更新它。 – Virendra 2012-02-05 20:24:09