Vùng văn bản Bootstrap thêm ký tự khoảng trắng bên trong trường văn bản

Question

Tôi đang sử dụng Bootstrap 3 RC1. Vấn đề tôi gặp phải là với vùng văn bản - khi trang tải nó thêm 3 dấu cách vào texarea, cuối cùng làm cho văn bản giữ chỗ ẩn đi, trừ khi tôi xóa các khoảng trắng theo cách thủ công.

Làm cách nào để ngăn điều này xảy ra?

HTML

<form id="noteSubmitForm"> 
    <fieldset> 
    <textarea id="note-text" rows="6" placeholder="Add a note" class="form-control"> 
    </textarea> 
    <div class="form group"> 
     <button id="noteSubmitButton" type="submit" class="btn btn-success btn-custom"> 
     Save Note 
     </button> 
    </div> 
    </fieldset> 
</form> 

CSS

textarea#note-text { 
    width: 625px !important; 
} 

Answer 1

Làm thế nào để ngăn chặn điều này xảy ra?

Bởi không có khoảng trắng giữa các thẻ textarea của bạn, như bạn có ngay bây giờ:

<textarea id="note-text" rows="6" placeholder="Add a note" …> 
    </textarea> 

Có một ngắt dòng (dòng đầu tiên phá vỡ trực tiếp ngay từ đầu bị bỏ qua bởi trình duyệt mặc dù), và sau đó có là khoảng trống trước thẻ đóng, do đó, đó là một phần của nội dung giá trị của văn bản của bạn, bởi vì đó là cách nội dung của văn bản được viết - giữa thẻ mở và đóng.

Nếu bạn không muốn nội dung có - không đưa nội dung đó:

<textarea …></textarea>