内容与垂直制表符高度html,css对齐

时间:2016-04-22 22:38:27

标签: javascript html css

我需要有关编写HTML代码的帮助,这些代码会在单击选项卡旁边显示垂直选项卡和内容。

enter image description here

enter image description here

我能够从其他帖子中找到垂直标签示例代码但是我找不到如何在没有硬编码的情况下对齐内容高度和阴影框。当我手动给出margin-top风格时,我无法使其响应。

1 个答案:

答案 0 :(得分:0)

可能有很多方法可以做到这一点。这是我的想法



<div id="container">
  <div class="tab">
    <div class="tab_title">A</div>
    <div class="tab_content">Content of A<br>long<br>text<br>yeah</div>
  </div>
  <div class="tab">
    <div class="tab_title">B</div>
    <div class="tab_content">Content of B<br>long<br>text<br>yeah</div>
  </div>
  <div class="tab">
    <div class="tab_title">C</div>
    <div class="tab_content">Content of C<br>long<br>text<br>yeah</div>
  </div>
</div>
&#13;
textFilesComplete
&#13;
&#13;
&#13;