이것은 슬프게도 나를 미치게합니다. 나는 내가 테이블의 "X"를 테이블 아래쪽에 맞출 수없는 이유를 알아낼 수 없다 ... CSS의 다른 위치에 세로 정렬을 시도했지만 아무 소용이 없다. (. 또한 여기에왜이 테이블에서는 '수직 정렬 : 하단'이 작동하지 않습니다.
? 내 테이블의 빈 공간에 대해 올바르게 사용하고 모두 내 HTML 및 CSS 파일을 자르는입니다 ... 의견 주시면 감사하겠습니다
<html>
<head>
<title>Day4: Table King</title>
<link rel="stylesheet" type="text/css" href="stylesday4.css" />
</head>
<body>
<table id="products">
<tr>
<th><span></th>
<th>Free Version</th>
<th>Lite Version</th>
<th>Full Version</th>
</tr>
<tr>
<td>Advertising</td>
<td id="td">X</td>
<td><span></td>
<td><span></td>
</tr>
<tr class="alt">
<td>Catering Software</td>
<td><span></td>
<td id="td">X</td>
<td id="td">X</td>
</tr>
....
#products
{
border-collapse:collapse;
width:100%;
}
#products th, #products td
{
border:1px solid #0000FF;
background-color:#C0C0C0;
padding:3px 2px 7px 5px;
}
#products th
{
font-size:20px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#0000FF;
padding-top:4px;
padding-bottom:5px;
background-color:green;
}
#products td
{
vertical-align:bottom;
}
#products tr
{
text-align:center;
color:#0000FF;
}
#products tr.alt td
{
color:blue;
background-color:#A7C942;
}