我对CSS有问题。我创建了这个的jsfiddle表现出来- https://jsfiddle.net/5k92h026/19/
我的代码是:
.left {float:left}
.wrapper{width:690px;}
.first-div {background-color:red;width:334px;height:84px;}
.second-div {
background-color:blue;
width:300px;
height:84px;
padding:33px 20px 35px 23px;
}
#first-link {
padding-right:10px;
display:block;
float:left;
vertical-align:bottom;
}
#second-link {
padding-left:10px;
display:block;
float:left;
border-left: 1px solid black;
width:50%;
}
<div class="wrapper">
<div class="left first-div">some info</div>
<div class="left second-div" style=" display:inline-block;">
<div class="search-info"></div>
<a id="first-link" href="">some text here</a>
<a id="second-link" href="" class="">some text that goes in 2 rows here</a>
</div>
</div>
我希望在蓝色div第一个链接中显示的文本为“此处的某些文本” vertical-align:bottom
,以便将其定位为第二个链接。当两个链接在一行中时没有问题,但是当第二个文本较长时,它会换行并且它们的位置不好。怎么做?谢谢。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句