我有这个: <div class="listing-thumbnail"><a href="http://domain-name.com/thislisting/"><img class="
... . . 我有这个:
<div class="listing-thumbnail"><a href="http://domain-name.com/thislisting/"><img class="wpbdmthumbs" src="http://domain-name.com/wp-content/uploads/2013/04/dancegroup-300x300.jpg" style="max-width: 300px;"/></a></div><div class="listing-details"> <div class="field-value wpbdp-field-endmonth meta"><span class="value">March</span></div> <div class="field-value wpbdp-field-enddaynumber meta"><span class="value">10</span></div> <div class="field-value wpbdp-field-citystatezip meta"><span class="value">Northampton,Massachusetts 01060</span></div></div>
显示如下:
|图片…. | 3月10日马萨诸塞州北安普顿市01060
| ………….. |
| _______________ |
但我希望它显示如下:
|图片…. | 3月10日
| ………….. |北安普顿,马萨诸塞州01060
| _______________ |
所有字段都是从WP数据库条目中动态提取的.
目前,为了使它们在同一行上排列,3月字段和其他日期相关字段的css对于每个字段都是这样的:
#content .wpbdp-listing .wpbdp-field-endmonth .wpbdp-field-enddaynumber .value {
向左飘浮;
}
我的问题是,我可以申请什么css导致city-state-zip div,以及跟随它的那些,从日期信息下面的下一行开始而不是
与日期信息在同一行?
请注意,city-state-zip div后面的字段表现良好,并且都是从各自的行开始的.
我添加了float:left以将日期字段全部放在同一行而不是列中.
这些div都在另一个div中,还有更多.原样,没有我添加
向左浮动为日期元素,它们都垂直向下排列在页面上,
相继.
城市状态拉链之后的div每个都从一个新的线开始.
我想将city-state-zip元素放在一行上.
请注意清除:左侧和清除:由于这些div的左侧有一个图像并且它将城市div推到下面,所以没有解决所有问题,如下所示:
|图片…. | 3月10日
| ………….. |
| _______________ |
北安普顿,马萨诸塞州01060