「display: inline-block」が設定された div (複数列のページ) がいくつかあります。これはそれらがラップするのを防ぐべきではありませんか? それらをすべて並べて表示したい:
div.LabelColumn
{
display: inline-block;
padding: 10px 0 0 40px;
vertical-align: top;
}
div.DataColumn
{
display: inline-block;
padding: 10px 0 0 5px;
vertical-align: top;
}
明確にするために、DIV を並べて、つまり列として表示する必要があります。それぞれが必要なだけ部屋を占めてほしい。表示したいものを使用すると、それぞれが約 100px しか占有しないため、いくつかの列を並べて表示するのに十分なスペースが簡単に確保できます。最初の列にはラベルがあり、2 番目の列はデータのビット、3 番目の列はラベル、4 番目の列はデータのビットです。
ページのより高いレベルのビューを提供するために、左側にフローティングしている div があります。その右側には、複数のデータ列が必要です。ちなみに、これは Chrome では機能しますが、IE では機能しません。
可能であれば、DIV 内のテキストと同じ幅になるように幅を自動的に調整したいと考えています。