CSS样式表 - 试图让更多的空间

我正在写一个WordPress的插件使用CSS和jQuery和PHP。

我有下表，我试图修改CSS，但它似乎并没有正确应用。我的表基本上看起来像：

|--------------------------------------------| 
| Username:         | 
|--------------------------------------------| 
|           | 
|--------------------------------------------| 
|Email          | 
|--------------------------------------------| 
||------------------------------------------|| 
||Year | Month |  Day    || 
||  |   |      || 
||------------------------------------------|| 
|--------------------------------------------|

这真是所有凝结，我想给它更多的空间，更多的是这样的：

|--------------------------------------------| 
|           | 
| Username:         | 
|           | 
|--------------------------------------------| 
|           | 
|           | 
|           | 
|--------------------------------------------| 
|           | 
|Email          | 
|           | 
|--------------------------------------------| 
||------------------------------------------|| 
||Year | Month |  Day    || 
||  |   |      || 
||------------------------------------------|| 
|--------------------------------------------|

当我做下面的CSS：

.registration table td { 
    border: 0; 
    padding-bottom: 100px; 
}

它改变表“INSIDE”的其他表，但它不会改变主表任何人都可以帮助我在哪里我错了，因为我需要的造型比这更好...

<form id="registration" action="" method="POST"> 
    <table class="registration_table"> 
     <tbody> 
      <tr id="reg_tablerow_1"> 
       <div class="regpage_text required" id="order_1"> 
        <label for="username">Username: *</label> 
        <br> 
        <input id="username" name="username" value="" placeholder="Username" type="text"> 
       </div> 
      </tr> 
      <tr> 
       <td> 

        <table> 
         <tbody> 
          <tr> 
           <td>Year</td> 
           <td>Month</td> 
           <td>Day</td> 
          </tr> 
          <tr> 
           <td> 
            <select name="year" id="year"> 
             <option value="2015" selected="selected">2015</option> 
             <option value="2014">2014</option> 
            </select> 
           </td> 
           <td> 
            <select name="month" id="month"> 
             <option value="1" selected="selected">January</option> 
             <option value="2">February</option> 
            </select> 
           </td> 
           <td> 
            <select name="day" id="day"> 
             <option value="1" selected="selected">1</option> 
             <option value="2">2</option> 
            </select> 
           </td> 
          </tr> 
         </tbody> 
        </table> 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</form>

编辑UPDATE

布雷特答案是最接近正确的答案，但如果你仔细看我的HTML有一些TD缺失导致填充底部不工作。

我必须重新审视我的脚本和我所有的HTML认识到，一个坏的复制/粘贴让我复制一些信息，而无需

来源

2015-02-07 pSyToR

你没有一个类注册，但你的窗体上的ID注册。

一类添加到形式或修改的CSS到

#registration table td { 
border: 0; 
padding-bottom: 100px; 
}

来源

2015-02-07 12:11:52 Brett

我会尽快调查这Brett。很快就会回复您 – pSyToR 2015-02-07 12:36:29

我会将您的答案标记为正确的Brett因为您在我的例子中是正确的我在调用类而不是ID时犯了一个错误......但是我也发现在我的脚本中我失踪了我的正确标记无处不在...您的回答是正确的 - 谢谢 – pSyToR 2015-02-09 05:41:22

对于垂直中心利用这一点：

vertical-align: middle; Or bottom Or Top

对于水平中心利用这条线：

text-align: center; Or left Or right

对于高度问题用途：

height: 00px; & line-height: 00px;

来源

2015-02-07 12:28:01

我不知道你在说什么...如果我能我会投票你的答案。 – pSyToR 2015-02-09 05:42:00

CSS样式表 - 试图让更多的空间

回答

相关问题