«css-tables» 태그된 질문

CSS로 HTML <table> 요소를 스타일링하는 방법에 대한 질문이나 CSS display : table 속성 선언을 사용하여 HTML <table>을 모방하는 요소의 레이아웃을 정의하는 방법에 대한 질문에는 [css] 대신이 태그를 사용하세요.

4
HTML5 테이블에서 cellpadding, cellspacing, valign 및 align을 대체하는 것은 무엇입니까?
에서 비주얼 스튜디오 , 나는이 경고를보고 있어요 : 유효성 검사 (HTML 5) : 'cellpadding'속성이 'table'요소의 올바른 속성이 아닙니다. 유효성 검사 (HTML 5) : 'cellspacing'속성이 'table'요소의 올바른 속성이 아닙니다. 유효성 검사 (HTML 5) : 'valign'특성이 'td'요소의 올바른 특성이 아닙니다. 유효성 검사 (HTML 5) : 'align'특성이 'td'요소의 유효한 특성이 아닙니다. HTML5 에서 …

10
CSS 플로트를 한 줄로 유지하려면 어떻게합니까?
float: left왼쪽의 항목을 사용하여 동일한 줄에 두 개의 항목을 갖고 싶습니다 . 나는 이것을 혼자 달성하는 데 아무런 문제가 없습니다. 문제는 브라우저 크기를 매우 작게 조정하더라도 두 항목 이 같은 줄에 유지 되기를 원한다는 것 입니다. 아시다시피 ... 테이블과 같은 방식입니다. 목표는 무엇을하든 오른쪽에있는 물품이 포장 되지 않도록하는 것 입니다. …

10
테이블의 특정 행 주위에 테두리가 있습니까?
표의 특정 행 주위에 테두리를 둘 수있는 HTML / CSS를 디자인하려고합니다. 예, 레이아웃에 테이블을 사용해서는 안된다는 것을 알고 있지만 아직 완전히 대체 할 CSS를 충분히 알지 못합니다. 어쨌든, 여러 행과 열이있는 테이블이 있고 일부는 rowspan 및 colspan과 병합되었으며 테이블의 일부 주위에 간단한 테두리를 배치하고 싶습니다. 현재 저는 4 개의 개별 …
120 html  css  border  css-tables 



5
div 사이의 공간-테이블 셀 표시
여기에 두 개의 div가 있습니다. &lt;div style="display:table-cell" id="div1"&gt; content &lt;/div&gt; &lt;div style="display:table-cell" id="div2"&gt; content &lt;/div&gt; 이 두 div 사이에 공간을 만드는 방법이 display:table-cell있습니까?
97 html  css  css-tables 

10
표를 가로로 정렬하는 CSS 방법
브라우저 창 중앙에 고정 너비의 표를 표시하고 싶습니다. 이제 나는 &lt;table width="200" align="center"&gt; 그러나 Visual Studio 2008은 다음 줄에 경고를 표시합니다. 'align'속성은 오래된 것으로 간주됩니다. 새로운 구성이 권장됩니다. 동일한 레이아웃을 얻으려면 테이블에 어떤 CSS 스타일을 적용해야합니까?

16
CSS 셀 여백
내 HTML 문서에는 두 개의 열과 여러 행이있는 테이블이 있습니다. CSS로 첫 번째 열과 두 번째 열 사이의 공간을 어떻게 늘릴 수 있습니까? "margin-right : 10px;"를 적용 해 보았습니다. 왼쪽에있는 각 셀에 적용되지만 효과는 없습니다.
96 html  css  cell  margin  css-tables 

7
HTML 이메일 콘텐츠를 브라우저 창 (또는 이메일 클라이언트 미리보기 창)의 중앙에 배치하는 가장 좋은 방법은 무엇입니까?
일반적으로 margin:0 auto표준 브라우저 기반 콘텐츠에 대해 960 컨테이너와 함께 CSS 규칙을 사용 하지만 HTML 이메일 작성이 처음이고 표준 CSS없이 브라우저 창 중앙에 배치하려는 다음 디자인이 있습니다. . http://static.helpcurenow.org/mockups/emails/2010/may-survey/survey.html 이메일 테이블 디자인을 외부 테이블 세트에 포장 하고 tbody 또는 이와 유사한 것을 width:100%사용하여 인라인 스타일을 사용하여 수행 할 수도 있다는 …

2
CSS“display : table-column”은 어떻게 작동해야합니까?
다음 HTML과 CSS를 감안할 때 브라우저에 아무것도 표시되지 않습니다 (작성 당시 최신 Chrome 및 IE). 모든 것이 0x0 px로 축소됩니다. 왜? &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style type="text/css"&gt; section { display: table; height: 100%; background-color: grey; } #colLeft { display: table-column; height: 100%; background-color: green; } #colRight { display: table-column; height: …

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.