CSS 또는 HTML을 통해 표 열 너비를 변경할 수 없습니다.

CSS 또는 HTML 너비 속성을 통해 표의 너비를 변경할 수 없습니다. 다음과 같이CSS 또는 HTML을 통해 표 열 너비를 변경할 수 없습니다.

내 HTML 코드는 다음과 같습니다

<!DOCTYPE html> 
<html> 
    <head> 
     <!-- Importing css --> 
     <link rel="stylesheet" type="text/css" href="sheet.css"> 
     <!-- Loading Bootstrap --> 
     <link href="bootstrap/css/bootstrap.css" rel="stylesheet"> 
     <!-- Loading Flat UI --> 
     <link href="css/flat-ui.css" rel="stylesheet"> 
     <link rel="stylesheet" type="text/css" href="sheet.css"> 
    </head> 
    <body> 
     <div class="feedback-ques11"> 
      <table id="feedback-table" class="rating-table" cellpadding="2" cellspacing="2" width="100%"> 
       <tr id="feed-ques11" class="feed-ques" > 
        <td style="width:900px;"> 
         <p>Do you suggest </p> 
        </td> 
        <td style="width:300px;"> 
         <div class="outer-box" id="right-box" > 
          <span class="txt">YES</span> 
          <div class="inner-box"></div> 
         </div> 
        </td> 
       </tr> 
      </table> 
     </div>

나는 두 개의 열을 만드는 오전과 내가 75 %와 25 % 같은 열 너비를 변경하려합니다. 그러나 그것을 할 수 없습니다.

출처

2014-04-29 anand

'style = "width : 900px;"''width = "75"'및'style = "width : 300px;"'width = "25"'또는 [DEMO] (http : // jsfiddle)를 확인하십시오. .net/WgrAP /) – Dhambha

http://jsfiddle.net/54xH3/ –

http://jsfiddle.net/을 사용하여 모든 HTML 및 CSS의 예제를 준비하십시오. –

style 속성 내에서 픽셀 값을 백분율 값으로 변경하기 만하면됩니다.

<td style="width:75%;"> 
    <p>Do you suggest</p> 
</td> 
<td style="width:25%;"> 
    <div class="outer-box" id="right-box"> <span class="txt">YES</span> 
      <div class="inner-box"></div> 
    </div> 
</td>

DEMO

그래서 같은 성능을 대신 인라인 스타일의 클래스를 사용하는 것이 좋습니다 다시 유용성을 :

내가 생각

<style> 
.first { 
    width:75%; 
} 

.second { 
    width:75%; 
} 
</style> 

<td class="first"> 
    <p>Do you suggest</p> 
</td> 
<td class="second"> 
    <div class="outer-box" id="right-box"> <span class="txt">YES</span> 
      <div class="inner-box"></div> 
    </div> 
</td>

출처

2014-04-29 11:43:00 Fizzix

인라인 스타일은 결코 다른 사람이 아니지만 의 너비 설정은 전체 열에 적용됩니다. – Kyle

조금 더 @KyleSevenoaks에 대해 자세히 설명해 주시겠습니까? – Fizzix

물론, DOM 요소에 스타일을 적용 할 때는 항상 외부 스타일 시트를 사용하는 것이 가장 좋습니다. 는 신속한 테스트/수정을 위해 작동하지만 실제/프로덕션 환경에서는 보관하지 않아야합니다. TH 요소에 너비를 적용하면 해당 열에있는 모든 관련 TD 요소의 너비가 제어됩니다. 물론 테이블에 2 개의 tds 만 있다면 그 너비를 설정하십시오 (일반적으로 작동합니다). – Kyle

, 당신은 피드백 - "에 대한 폭을 준 ques11 "클래스 이름. 그리고 테이블의 너비는 부모 컨트롤보다 강해야합니다. 당신이 테이블의 부모 div에 대해 100 % 너비를 줄 것이라면 CSS의 스타일뿐만 아니라 CSS의 너비도 설정할 수 있습니다.

출처

2014-04-29 12:24:59

CSS 또는 HTML을 통해 표 열 너비를 변경할 수 없습니다.

답변

관련 문제