我如何設計一個div讓它與文本一起運行？

Question

我想用文本製作一個小文本高度的div。我的代碼如下所示：

blah blah blah <div style="display:block; float: left; width: 100px">[IN A DIV]</div> blah 

它應該出來的樣子：

blah blah blah [IN A DIV] blah blah 

，但它永遠是：

blah blah blah 
[IN A DIV] 
blah blah 

Answer 1

你爲什麼想要<div>？ <div>是塊級元素，不適合你想要的。

嘗試一個<span>，因爲這是應該用於內聯的東西，並將更加語義準確。

必讀：Block and Inline elements。

Answer 2

變化display:block到display:inline

Answer 3

display：inline;並擺脫浮動。

Answer 4

這是因爲<div>是塊級元素。一個塊總是會破壞周圍物體的流動。您要麼將<div>設置爲display: inline;，要麼使用<span>代替。 Spans默認是內聯的。

Answer 5

使用<範圍>，這是一個div的內聯等價物。

Answer 6

使用display:inline而不是display:block或更好的使用SPAN代替DIV的