我找不到textarea邊緣的位置

Question

https://drive.google.com/file/d/0B6M34Ej8NH0hd2xDNlJyeEh1ZE0/edit?usp=sharing

http://jsfiddle.net/54end/

<textarea name="incomes" id="in" rows="2" cols="88" class="form-control" rows='1' style="width: 100px; margin-bottom:0px; resize: none;">1</textarea>

▲這是我項目的一部分..

當你看到頁面時，我的textarea下面有額外的填充，但我找不到它的來源。

請有人解決這個問題..

Answer 1

你的textarea上有兩rows屬性，也許只是嘗試將row屬性設置為1 ？

<textarea name="incomes" id="in" rows="1" cols="88" class="form-control" style="width: 100px; margin-bottom:0px; resize: none;">1</textarea>

編輯：你的textarea還有一個height: 42px ，也許這是導致底部額外填充的原因？

Answer 2

該問題涉及垂直對齊。

textarea的display屬性的默認值是inline-block ， vertical-align屬性的默認值是baseline 。 例如，將其更改為middle ，並比較差異。

進一步閱讀：

• 在MDN處vertical-align
• 什么是垂直對齊？ （一篇探討不同價值觀的文章）