122
Tôi đang cố gắng đặt các thuộc tính hàng và cột của vùng văn bản thông qua css. Làm thế nào tôi sẽ làm điều này trong CSS?hàng của văn bản và thuộc tính cols trong css
A
Trả lời
95
width và height được sử dụng khi đi tuyến đường css.
<!DOCTYPE html>
<html>
<head>
<title>Setting Width and Height on Textareas</title>
<style>
.comments { width: 300px; height: 75px }
</style>
</head>
<body>
<textarea class="comments"></textarea>
</body>
</html>
+6
Theo câu trả lời của người dùng2928048 bên dưới, nếu bạn sử dụng "em" thay vì "px" thì bạn có thể chỉ định chiều rộng và chiều cao bằng các ký tự như với thuộc tính 'hàng' và 'cols'. Thậm chí làm việc với IE6 tôi tin. – Swanny
6
Theo tôi biết bạn không thể.
Bên cạnh đó, đó không phải là những gì css cho dù sao. Css để tạo kiểu và HTML để đánh dấu.
EDIT: Tuyệt, tôi đã sửa.
+0
CSS là để tạo kiểu cho trình bày trực quan của một phần tử. Điều này bao gồm chiều rộng và chiều cao của một vùng văn bản. – Sampson
+1
Vâng, chính xác. Tôi không biết cols và hàng, và chiều rộng và chiều cao là như nhau. – Moulde
+1
Moulde, bạn đúng trong đó họ không * chính xác * như nhau. Nhưng cả hai đều đạt được mục đích tương tự :) – Sampson
16
Tôi không nghĩ bạn có thể. Tôi luôn đi với chiều cao và chiều rộng.
textarea{
width:400px;
height:100px;
}
điều tốt đẹp về cách làm theo cách CSS là bạn hoàn toàn có thể tạo kiểu cho nó. Bây giờ bạn có thể thêm những thứ như:
textarea{
width:400px;
height:100px;
border:1px solid #000000;
background-color:#CCCCCC;
}
237
<textarea rows="4" cols="50"></textarea>
Nó tương đương với:
textarea {
height: 4em;
width: 50em;
}
nơi 1em tương đương với kích thước font chữ hiện tại, do đó làm cho vùng văn bản 50 ký tự rộng. see here.
+17
Đây phải là câu trả lời đã chọn. –
+30
Để chính xác hơn, bạn cần có 'padding' và' line-height' trong tài khoản. Giả sử bạn có một phần đệm của một nửa em ở trên cùng và ở dưới cùng và chiều cao dòng là 1,2em, thì chiều cao cho 4 hàng sẽ là 1 + 4 * 1,2 = 5,8em. – nalply
+0
@nalply giải pháp của bạn là chính xác. Vấn đề là 4em = 4 x kích thước phông chữ mà không phải là yếu tố đệm và chiều cao dòng – Nicholas
Thời điểm sử dụng câu hỏi nào: http://stackoverflow.com/questions/3896537/is-it-better-to-size-a-textarea-with-css-width-height-or-html-cols- rows-attr –