Question

我已经做了一些关于消除我在桌子上的textarea周围的差距的研究。根据浏览器的不同，它会显示在顶部（IE，Chrome）或底部（Firefox）。

<table border="0">
    <tr>
         <form method="POST" action="updatereview.php">
              <td class="shrink">
                  text
              </td>
              <td class="shrink">
                   <select name='update_score'>
                       <option  value="1">1</option>
                       <option  value="2">2</option>
                       <option  value="3">3</option>
                   </select>
                   <input type="textbox" name="new_retailer">
              </td>
              <td class="one-long-line">
                   <div id="content" style="width:100%;">
                       <textarea name="review_comment" rows="10" style="resize:none;">some text here</textarea>
                   </div>                   
              </td>
         </form>          
     </tr>
</table>

我没有把我所有的CSS都包括在内，因为它有很多，但我把它全部放在一个jsfiddle：https://jsfiddle.net/9xmx2dex/1/ textarea的CSS就在最后。

做了一些研究后，添加“vertical-align：top;”我的CSS应该已经解决了这个问题，但无济于事。任何帮助表示感谢，谢谢。

Answer 1

在table tr:nth-child(odd) td规则更改vertical-align: text-top;至vertical-align: top;

<强> jsFiddle example

在表内的textarea周围的差距

1 个答案: