如何排列並排水平方向上的文本？

-2

我有2個主要的div，一個在左邊，一個在右邊。左邊的div是一個Wordpress插件聯繫表格7.它有一個問題列表。如何排列並排水平方向上的文本？

要做到這一點，我想單獨解決我的第二個div上的每個問題。我在第二個div內創建了更小的div。

我如何將這些較小的div對齊到我的第二個div中，以便它們水平排列？我怎麼這樣，它在所有屏幕和瀏覽器中排隊？

像X-Px邊緣頂部，填充頂部通常的東西不起作用。

下面是截圖：使用Flex https://postimg.org/image/kedd5rbun/

來源

2017-01-19 Mud Kip

只需使用2個元素之間是一致的造型。「通常的東西，如邊緣頂部，X px中的填充頂部不起作用」 - 如果您匹配字體大小，行高，邊距/填充，它們將匹配。另外，請分享一些代碼。 –

也許表或JS代碼，任何人都適合你？ –

我在2個元素中有不同的內容，所以我只能匹配字體大小/線高度/馬丁和填充以線性方式，進一步看它後......看起來是什麼導致問題是一些瀏覽器將有一定的內容在5行，而其他的將在6行 –

嘗試。

.qrow{ 
 
    width:100%; 
 
    display:flex; 
 
} 
 
.qu{ 
 
    flex-basis:50%; 
 
    border:1px solid green; 
 
} 
 
.an{ 
 
    flex-basis:50%; 
 
    border:1px solid green; 
 
}

<div class="con"> 
 
    <div class="qrow"> 
 
    <div class="qu">Question<br/>question</div> 
 
    <div class="an">Answer</div> 
 
    </div> 
 
    <div class="qrow"> 
 
    <div class="qu">Question</div> 
 
    <div class="an">Answer<br/>Answer</div> 
 
    </div> 
 
</div>

來源

2017-01-19 06:10:39 ab29007

如何排列並排水平方向上的文本？

回答

相關問題