텍스트 영역의 행 및 COLS는 CSS를 통해 속성 내가 텍스트 영역의 행과 열을 설정하려고 CSS를

122

에 속성. CSS에서 어떻게하면 좋을까요? CSS의 경로를 갈 때텍스트 영역의 행 및 COLS는 CSS를 통해 속성 내가 텍스트 영역의 행과 열을 설정하려고 CSS를

2010-01-09 ASD

A : http://stackoverflow.com/questions/3896537/is-it-better-to-size-a-textarea-with-css-width-height-or-html-cols- rows-attr –

width 및 height이 사용됩니다.

<!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>

출처

2010-01-09 19:04:39 Sampson

아래의 user2928048의 답변에 따라 "px"대신 "em"을 사용하면 'rows'및 'cols'속성에서와 같이 문자의 너비와 높이를 지정할 수 있습니다. IE6에서 작동한다고해도 나는 믿는다. – Swanny

내가 아는 한 당신은 기울어진다. 게다가

, 어쨌든 위해 무엇 CSS는 그 밤은. CSS 스타일 및 마크 업용 HTML.

편집 : 쿨, 내가 그렇군요.

출처

2010-01-09 19:05:53 Moulde

CSS는 요소의 시각적 표현을 스타일링하기위한 것입니다. 여기에는 텍스트 영역의 너비와 높이가 포함됩니다. – Sampson

그래, 정확히. 줄과 행을 알지 못했고 너비와 높이가 같았습니다. – Moulde

Moulde, 당신은 똑같은 게 틀림 없습니다. 하지만 그들은 둘 다 같은 목적을 이루었습니다. – Sampson

나는 당신이 할 수 있다고 생각하지 않습니다. 나는 항상 높이와 너비로 간다.

textarea{ 
width:400px; 
height:100px; 
}

멋진 방법은 CSS 방식을 사용하면 완전히 스타일을 지정할 수 있다는 것입니다. 지금 당신은 같은 일을 추가 할 수 있습니다

textarea{ 
width:400px; 
height:100px; 
border:1px solid #000000; 
background-color:#CCCCCC; 
}

출처

2010-01-09 19:07:33

237

<textarea rows="4" cols="50"></textarea>

그것은 동등에 :

1em은 현재 글꼴 크기에 해당

textarea { 
    height: 4em; 
    width: 50em; 
}

는, 따라서 50 개 문자 넓은 텍스트 영역을합니다. see here. 하는 질문을 사용하는

출처

2014-01-22 10:57:47 user2928048

+17

이것은 선택된 대답이어야합니다. –

+30

더 정확히 말하면'padding'과'line-height'를 고려해야합니다. 위쪽과 아래쪽에 0.5um의 여백이 있고 1.2em의 줄 높이가 있다고 가정하면 4 줄의 높이는 1 + 4 * 1.2 = 5.8em이됩니다. – nalply

@nly 당신의 해결책은 정확합니다. 문제는 4em = 4 x font-size로 패딩이나 선 높이를 고려하지 않습니다. – Nicholas

텍스트 영역의 행 및 COLS는 CSS를 통해 속성 내가 텍스트 영역의 행과 열을 설정하려고 CSS를

답변

관련 문제