Question

我有以下代码用“jquery”

向我展示手风琴

<div id="accordion">
    <h3>PARA EMPEZAR</h3>
    <div>
        hola 
    </div>

    <h3>SEGUNDO PASO </h3>
    <div>
        Escribe tu texto
    </div>
</div>

问题是每个标签的标题都在“h3”之间，我想把一些日期放在一边但不是如何对齐

我想要保留每个标签的标题： http://s2.subirimagenes.com/otros/previo/thump_8577863tabs.jpg

但不是如何对齐像我图像的元素aparescan标题。我很感激帮助对齐元素

Answer 1

尝试使用以下方法：

<div id="accordion">
    <h3>PARA EMPEZAR <span class="date">31-12-2012</span></h3>
    <div>
        hola 
    </div>

    <h3>SEGUNDO PASO <span class="date">31-12-2012</span></h3>
    <div>
        Escribe tu texto
    </div>
</div>

并应用样式：

<style>
    #accodion{
      width: 500px; /*for example */
    }

    #accodion h3{
      display:block;
      text-align:left; /*just to make sure it is*/ 
      width:100%;
      height:50px;
      line-height:50px;
    }

    #accordion span.date{
      float:right;
      line-height:50px;
      text-align:right;
    }
</style>

Accordion Jquery在每个标签的标题内对齐文本

1 个答案: