나는 회사 웹 사이트에 대한 HTML & CSS 테이블을 작성했으며 거의 모든 것이 올바르게 @ media css 요소에 대해 작동합니다. 재미있는 점은 거의 똑같은 시나리오에서 정확한 CSS 요소를 올바르게 사용했다는 것입니다. id #space는 모바일 용으로 올바르게 변환되지만 id #title은 올바르게 변환되지 않습니다. Codepen에서 잘
아래의 코드에서 td의 "이미지 업로드"텍스트가 아래로 이동했습니다 (다음 td의 여러 줄 입력 때문에). 하지만이 텍스트가 맨 위에 고정되어 있어야합니다. 어떻게해야합니까? 코드 아래 사용 <table>
<tr>
<td> Upload Image </td>
<td> <input type="file" name="image
테이블 스타일을 적용한 후에는 테이블을 가운데 정렬합니다. 이유는 무엇입니까? 내가 다음 페이지에 대한 HTML 파일을 제공 할 수 있습니다 ... 여기 스크린 샷입니다 : table.FLTT {
clear:both;
width: 100%;
margin: 0 auto;
border-collapse: separate
나는 테이블을 디자인하려고 노력했다. 잘게 썬 코드에서 볼 수 있듯이, 테이블 행은 서로 옆에 있지 않다. 테이블 행이 위의 테이블 행 아래에 놓입니다. 사진에있는 것과 같이 서로 옆에 배치하려면 무엇을 추가하거나 변경해야합니까? table.roomstable th {
border-left: 0 none !important;
bac
두 개의 열 (하나는 80 %, 다른 하나는 나머지 공간)이있는 테이블로 동작하는 간단한 구조의 div가 있습니다. 사실, 첫 번째 열은 두 80 % 열,하지만 난 단 하나 한 번에 display: none와 다른 hidding 보여 그것은 순수 HTML과 CSS로 잘 작동 $("#change").on("click", function() {
\t $(
셀의 100 % 인 입력 텍스트가있는 양식이 있습니다. 또한 테두리를 접어서 간격을 0 픽셀로 설정했습니다. 나는 여전히 세포들 사이의 틈새를 보았다. 입력 간의 이러한 갭을 제거하려면 어떻게해야합니까? 나는 느슨하게 스프레드 시트를 모방하려고 노력하고있다. 강령 (https://jsfiddle.net/djyk8927/ ) : #requestorTable{
나는 HTML 테이블 요소를 가지고 있고 나는 열 사이 여백을 추가하려고 해요, 그래서 그 CSS 속성 사용 :이 table {
border-collapse: separate;
border-spacing: 36px 0px;
}
지금 내가 원하는에를 머리글과 본문의 각 tr 모두에서 전체 행에 border-bottom을 추가하지만 테두리는 표시되지
div를 사용하여 완벽하게 정렬 된 테이블을 얻으려고합니다. 지금까지 내가 무엇을 가지고 : 나는 전체 행의 왼쪽에있는 시간 섹션을 찾고 있어요,하지만 텍스트 오른쪽과 같이 공간의 차이를 만드는 중지 정렬 : 를 내가 text-align: right; 및 direction: rtl를 사용하여 더 많은 div의 아무것도하지만, 대한 재생 시도했습니다 지금까지