爲什麼我不能讓這些東西在同一行顯示？

<div id="demo" style="display: inline;"> 

<div style="color:#DD4814; font-weight:bold; font-size:25px;">Buscá tu colegio:</div> 

<img src="Imagenes/info.png" title="Escribí el nombre <u>completo</u>. Si es un colegio no escribás 'colegio' o 'escuela' a menos que sea 'Escuela Normal', 'Escuela 1' o similar."/> 
</div>

我試過顯示：內聯我認爲這是做到這一點的方法。無論如何，我確信這很容易。謝謝爲什麼我不能讓這些東西在同一行顯示？

來源

2010-12-23 lisovaccaro

你只把內聯放在第一個div上。另一個是默認的塊元素，它確保它在它之前和之後都有一個換行符。

哦，我只注意到第二個div嵌套在第一個div中。 display: inline未被繼承。如果您希望外部div內的內容爲內聯，則需要將它們內聯。

來源

2010-12-23 03:06:01 Mud

不錯的泥。 @Liso 22：同樣值得注意的是，在嵌入對象中嵌入塊對象通常被認爲是不好的做法：http://stackoverflow.com/questions/746531/is-it-wrong-to-change-a-block-元件到直列與-CSS-如果-IT-包含-另一個-b – 2010-12-23 03:11:51

嘗試要出現在同一行上每個單獨的元素，而不是外部/含元素

同樣在設置display: inline，可以考慮使用span爲您的文本。您可能還想要查看float的圖像。

來源

2010-12-23 03:06:02 Kai

爲什麼我不能讓這些東西在同一行顯示？

回答

相關問題