hàng của văn bản và thuộc tính cols trong css

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

Nguồn

2010-01-09 ASD

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 –

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>

Nguồn

2010-01-09 19:04:39 Sampson

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

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.

Nguồn

2010-01-09 19:05:53 Moulde

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

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

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

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; 
}

Nguồn

2010-01-09 19:07:33

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.

Nguồn

2014-01-22 10:57:47 user2928048

+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

@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

hàng của văn bản và thuộc tính cols trong css

Trả lời

Các vấn đề liên quan