侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

CSS将一个div放在另一个div下面,即float:left

2022-12-24 星期六 / 0 评论 / 0 点赞 / 27 阅读 / 2418 字

我有这个: <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

.

解决方法

. 使用明确:两者;在类字段值wpbdp-field-citystatezip中. . .. ...

广告 广告

评论区