Css 嵌套块?在块的底部添加文本
我需要在块的底部加上几个词。标签就是块。里面是一个.label_标题,下面是图片/链接,也是一个块。在图片/链接下,需要一个简短的描述,但我希望它保留在.label块中。我试图使用.label,但它没有显示出来。我不确定这是因为css还是我不能将块(Css 嵌套块?在块的底部添加文本,css,block,Css,Block,我需要在块的底部加上几个词。标签就是块。里面是一个.label_标题,下面是图片/链接,也是一个块。在图片/链接下,需要一个简短的描述,但我希望它保留在.label块中。我试图使用.label,但它没有显示出来。我不确定这是因为css还是我不能将块()嵌套在块(.label)的内部或块(.label\u seo1\u 1)的下面。对不起,如果这让人困惑,我不知道怎么说。基本上,我想在.label_seo1_1下的.label块底部添加一个段落。我粘贴了当前使用的css代码和html 试图用图形描
)嵌套在块(.label)的内部或块(.label\u seo1\u 1)的下面。对不起,如果这让人困惑,我不知道怎么说。基本上,我想在.label_seo1_1下的.label块底部添加一个段落。我粘贴了当前使用的css代码和html
试图用图形描述*********.label*********************
* .label_tile *
* **Link/picture(block** *
* **************** *
* ****Want to add text**** *
************************************
.label {
display: block;
float: left;
width: 160px;
height: 200px;
}
.label_title {
font-size: 12px;
line-height: 14px;
height: 15px;
text-align: center;
font-weight: bold;
color: #fff;
}
.label_seo1_1{
width: 150px;
height: 155px;
display: block;
margin: 0 auto;
}
.label_seo1_1 {
background: url('images/label_seo1_1.png') no-repeat;
}
<div class="label">
<div class="label_title">6000 Blog Comments</div>
<a class="label_seo1_1" href="<?php echo esc_url( home_url( '/6000-blog- comments/' ) ); ?>"></a>
</div>
********.标签*********************
*.贴上瓷砖标签*
***链接/图片(块***
* **************** *
*****要添加文本*****
************************************
.标签{
显示:块;
浮动:左;
宽度:160px;
高度:200px;
}
.label_title{
字体大小:12px;
线高:14px;
高度:15px;
文本对齐:居中;
字体大小:粗体;
颜色:#fff;
}
.label_seo1_1{
宽度:150px;
高度:155px;
显示:块;
保证金:0自动;
}
.label_seo1_1{
背景:url('images/label_seo1_1.png')不重复;
}
6000条博客评论
使用.label的垂直对齐属性
vertical-align:text-bottom;
像这样-?是的,就像那样接受我不想要边框。我要尝试一下我添加了边框只是为了视觉表现…现在我该如何标记这个问题的答案。感谢一切都很完美。我已经尝试了一天了。另一个问题。标签标题在标签上。你知道我可以如何分开吗给他们点颜色看看more@user1792478是,使用margin属性,即margin bottom:2px;-jsfiddle.net/elen/Hrx2C/2