把兩個div連成一行php echo

-4

我做了一個div，在那裏我把echo php，從數據庫中讀取信息。我把一個<br>放到php函數的末尾來分隔另一個客戶的信息。現在我想連續放兩個div，但我有<br>，不會讓它。如何解決這個問題？把兩個div連成一行php echo

代碼：

<div class="divmobilni"> 
<div class="floatright"><img src="images/nokia-lumia-720.jpg" height="66px" width="50px" /></div> 
Ime:<div class="imepozadina"><?php echo $row['Ime'];?></div><br /> 
Okrug:<?php echo $row['Okrug'];?> 
<br /> 
Telefon:<?php echo $row['Telefon'];?> 
</div> 
<br /> 
<?php } ?> 
</div> 
</div>

有了這個代碼，它看起來像這樣：http://postimg.org/image/bq6565c4b/

來源

2015-01-04 Stefan

我怕我不明白。你不能簡單地在'br'之前放置另一個'div'嗎？ – 2015-01-04 13:38:32

什麼進入該div？ – Stefan 2015-01-04 13:39:48

無論你想回聲？請注意，默認情況下，'div'標籤是塊元素，因此佔用整行（除非您將它們浮動或通過CSS將它們更改爲'inline'或'inline-block'）。你確定這是導致休息的那個「br」嗎？ – 2015-01-04 13:41:28

如果你想每行有兩個要素，我會鼓勵你使用網格系統，如骨架（ http://getskeleton.com/）

這將是更爲可靠和安全地使用經過驗證的框架，例如骷髏或引導

不過，如果你想DIY，你將需要

設置div的要麼inline-block或float:left/right，並設置width:50%他們每個人。
刪除換行符（br's），因爲元素將自動打破自己。

試試下面的CSS：

.divmobilni{ 
    display:inline-block; 
    margin:0px; //remove any margins to prevent breaking at each element 
    box-sizing:border-box; //allow paddings to not interfere with element width 
    width: 50%; 
}

來源

2015-01-04 13:54:44

使用框架來對齊同一行上的2個元素？這不是矯枉過正嗎？ – sodawillow 2015-01-04 16:16:10

@sodawillow它是否過分矯枉過正？是。這就是爲什麼我推薦Skeleton而不是Bootstrap，甚至沒有提到語義或類似的東西。爲什麼要創建自己的類，雖然當你有錯誤測試，久經考驗的代碼可供你使用？同樣，考慮到OP正試圖並排排列兩個盒子，所以假定他也會與其他元素有類似的情況是合理的。 – 2015-01-05 21:04:31

把兩個div連成一行php echo

回答

相關問題