2

私は以下のような要素を表示する次のコードを持っています

    Mytable
1.  line1
2.  line2
3.  line3
4.  line4

しかし、私はそれが以下のようにインデントを持っていることを望みます

     Mytable
   1.  line1
   2.  line2
   3.  line3
   4.  line4

私のコードはここにあります

      %div{:class => 'test1'}
        %table#tablename
          %thead
            %tr
              %th.lead Mytable

          %tbody              
            %tr
              %center
              %td 1.line1
            %tr
              %td 2. line2
            %tr 
              %td 3. line3
            %tr
              %td 4. line4
4

2 に答える 2

2

それを行うにはいくつかの方法があります。これが1つです。jsFiddle

<div class="test1">
    <table id="tablename">
       <thead>
       <tr><th class="lead">Mytable</th></tr>    
        </thead>    
        <tbody>
            <tr><td>1. line1</td></tr>
            <tr><td>2. line2</td></tr>
            <tr><td>3. line3</td></tr>
            <tr><td>4. line4</td></tr>
        </tbody>
    </table>
</div>​

CSS

.test1
{
    padding-left:20px;
}​
于 2012-11-03T02:29:17.610 に答える
1

CSSを使用して、各行の最初のセルにパディングを追加します。

table#tablename tbody tr td:first-child {
    padding-left: 2em;
}

ここで例を参照してください：http：//codepen.io/anon/pen/ramuw

于 2012-11-03T02:26:06.300 に答える