如何使文本在溢出第一行时“保持在自己的一侧”?
我有一个包含两个div的部分。 这两个div并排放置,但如果第一行已满,则会在第一个div下面开始新的一行。(这就是问题所在)
第一个div的宽度为120px,因为那里可以打印最宽的文本。 第二个div应该是屏幕的其余部分。
我创建了一个指向jafiddle的链接,以防页面上的链接不清楚。 当您拥有较小的窗口(手机等)时,问题发生。
页面是由php生成的。
我有一个包含两个div的部分。 这两个div并排放置,但如果第一行已满,则会在第一个div下面开始新的一行。(这就是问题所在)
第一个div的宽度为120px,因为那里可以打印最宽的文本。 第二个div应该是屏幕的其余部分。
我创建了一个指向jafiddle的链接,以防页面上的链接不清楚。 当您拥有较小的窗口(手机等)时,问题发生。
页面是由php生成的。
.section{
display: inline-block;
width: 100%;
float: left;
}
.pTrans1{
float: left;
width: 120px;
color: red;
}
.pTrans2{
display: inline;
}
<section><div class='pTrans1'>15<font color='blue'>1120Z</font></div> <div class='pTrans2'><b>Meterologisk observation från den 15e kl 12:20 svensk tid.<font color=green> (32 minuter sedan)</font></b></div></section><br>
<table>
还是display: table
,都不能使用表格进行布局。 - Praveen Kumar Purushothaman