Question

我正在研究Wordpress主题并且一直在使用Bootstrap。我把我的文章摘录放在井中的主页div class='well'。我已经编辑了井，有直角并改变了边框颜色。除此之外，没有任何变化。但是，当我尝试在类别和标签之间添加换行符时，它不会浮动到极左，如下图所示。

Q1。如何使用单个<br />在两者之间换行？ Q2。在类别和标签之后，井中有很多空白区域。如何删除它？

HTML代码

<div class="categories"><?php the_category(' '); ?></div><br /><br /><div class="tags"><?php the_tags('',' '); ?></div>

CSS

.categories{float:left; margin-right:3px;margin-bottom: 1px;}
.categories a {
background: #00A1E0;
color: #FFFFFF;
display: inline-block;
margin-bottom: 2px;
margin-left: 0px;
padding: 1px 7px;
text-decoration: none;
transition: all 0.3s ease 0s;
} 
.categories a:hover{background:  #666; color:#fff;}

.tags{float:left; margin-right:1%;margin-bottom:4px;}
.tags a {
font-size:70%;
background:#666666;
color: #FFFFFF;
display: inline-block;
margin-bottom: 3px;
margin-left: 0px;
padding: 1px 7px;
text-decoration: none;
transition: all 0.3s ease 0s;
} 
.tags a:hover{color:#FFFFFF;}

当我使用单<br />时，就会发生这种情况 http://i.stack.imgur.com/OIDYt.png（抱歉，由于缺少代表而无法发布图片）。

Answer 1

尝试删除浮动样式。仅使用display：inline-block。或者使用clear：两者都是div之后的第一个标签。

单身不会创建换行符，需要两个换行符

1 个答案: