Question

我正在构筑一条垂直航道,无法像我一样在图像旁形成案文。我可以利用差额操纵图像。我想到的是。现在,我试图操纵案文差值,没有效果。似乎就是如此。

“Example”/

传真:

<div class="content_nav">
  <div class="content_nav_item"><a href="#"><img src="images/icon.jpg" height="60px" width="60px" alt="One"><span class="content_nav_item_text">One</span></a></div>
  <div class="content_nav_hr">&nbsp;</div>
  <div class="content_nav_item"><a href="#"><img src="images/icon.jpg" height="60px" width="60px" alt="One"><span class="content_nav_item_text">One</span></a></div>
  <div class="content_nav_hr">&nbsp;</div>
  <div class="content_nav_item"><a href="#"><img src="images/icon.jpg" height="60px" width="60px" alt="One"><span class="content_nav_item_text">One</span></a></div>
  <div class="content_nav_hr">&nbsp;</div>
  <div class="content_nav_item"><a href="#"><img src="images/icon.jpg" height="60px" width="60px" alt="One"><span class="content_nav_item_text">One</span></a></div>
</div>

CSS:

.content_nav{
margin:45px 0px 45px 48px;
padding:0px;
width:232px;
height:467px;
background-color:#82c738;
box-shadow:inset 0px 0px 10px #578e30;
float:left;
}
.content_nav_item {
margin:0px 10px 0px 10px;
padding:0px;
height:115px;
}
.content_nav_hr {
margin:0px 10px 0px 10px;
padding:0px;
height:1px;
width:202px;
background-color:#A0DF5C;
}

.content_nav_item_text {
margin:10px 0px 10px 0px;
padding:0px;
}
.content_nav_item img {
margin:28px 10px 0px 20px;
padding:0px;
display:inline;
}

对我为何能坚持跨越时代的立场有什么想法?

Answer 1

文本是CSS的鸟类,它没有处理你如何思考或想要它。这里有一个良好的条款,解释垂直文本校对的主子

Answer 2

The text is between span tags. This tags is between the a tag and the div tag. You need to separate them. They are stacking the text and they prevent the text to move.

页: 1

友情链接