2016-06-09 2 views
-1

부트 스트랩 CSS 만 있으면 테이블 너비가 올바르게 작동하지만 CSS 스타일로 td 너비가 매우 나 빠지게 표시됩니다.Td 너비가 작동하지 않습니다.

<table>                    
    <tbody>      
     {#items} 
     <tr onclick="selectPickPoint(this);"> 
      <td width="50" align="center"><input name="pickpointid" type="radio" value="{customer_id}"></td> 
      <td width="300"> 
       <b>{name}</b> <i style="font-size:9px;">#{customer_id}</i> 
       <br> 
       {address} <br> {postal_code} <a href="{map_link}" target="_blank" style="font-size:10px;">(ver en el mapa</a>)</td> 
     </tr> 
     {/items} 
    </tbody> 
</table>  

현재 렌더링 된 예를 확인 (저장 테이블을 선택 참조) 할 수 있습니다 https://jsfiddle.net/5ghpqx8L/3/

답변

2

당신은 당신의 바이올린에 다음 CSS를 갖고있는 것 같다 : 이것은 당신의 문제를 일으키는

.puntosdeventa input, .puntosdeventa select { 
    width: 235px; 
} 

. 당신은 다음과 같은 라인이 CSS를 대체 ​​할 수있는 경우는 잘 작동합니다

.puntosdeventa input, .puntosdeventa select { 
    width: auto; 
} 

나는 입력과 선택에 대해 다른 CSS 선언을 사용하는 것이 좋습니다 것입니다. 아마 당신은 입력보다 더 넓은 선택 요소를 원할 것입니다.

+0

좋은 대답, 그리고 좋은 시력을) –

+0

그래 하하 : 이것은 단지 코멘트해야하지만 당신은 결코 알 수없는 경우 PI는 실제로 내 자신과 함께 토론했다 질문자 등의 기술 수준에 관해서는이 시간이 올 것이다. – thepio

+0

바이올린에서 전체 코드를 볼 때 나는 잃어 버렸다. (최소, 완전하고 검증 가능한 예제는 OP, LOL에 대해 아무런 의미가 없다.) 그래서 나는 곧바로 브라우저 탭. 그러나 탭을 닫으면 대답을 볼 수 있으며 테스트를 거쳐 작동합니다. 그래서 이것은 정답입니다. :) –

1

또한 그것을 해결하기 위해이 라인을 변경할 수 있습니다

올드 :

.puntosdeventa input, .puntosdeventa select { 
    width: 235px; 
} 

새로운 기능 : 당신은 모두의 폭을 설정 한

.puntosdeventa input[type='text'], .puntosdeventa select { 
    width:235px; 
} 

https://jsfiddle.net/5ghpqx8L/5/

1

을 입력 (라디오 버튼 포함)은 235px가되어야 첫 번째 열이 확장됩니다.

시도와 같은 새로운 스타일의 규칙, 뭔가 추가 :

.puntosdeventa input[type='radio'] { width:auto; } 
관련 문제