0
我試圖將margin-right
屬性設置爲只有一個td
標記,但無法實現。如何在html中的表內設置頁邊距爲一個td標籤?
table {
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
}
table,
th,[![enter image description here][1]][1]
td {
border: 2px solid black;
}
.fixed {
padding: 10px;
}
.line:after {
content: ' ';
display: block;
border: 1px solid black;
}
.border {
word-spacing: 25px;
padding-top: 10px;
padding-bottom: 10px;
background: orange;
border-radius: 5px;
/* border-style: solid;
border-width: px; */
}
.fixed {
padding: 10px;
}
.br {
display: block;
}
.bold {
font-weight: bold;
}
.border1 {
word-spacing: 25px;
padding-top: 10px;
padding-bottom: 10px;
background: red;
border-radius: 5px;
/* border-style: solid;
border-width: px; */
}
.border2 {
word-spacing: 25px;
padding-top: 10px;
padding-bottom: 10px;
background: #bfbff2;
border-radius: 5px;
/* border-style: solid;
border-width: px; */
}
.border3 {
word-spacing: 25px;
padding-top: 10px;
padding-bottom: 10px;
background: skyblue;
border-radius: 5px;
/* border-style: solid;
border-width: px; */
}
.border4 {
word-spacing: 25px;
padding-top: 10px;
padding-bottom: 10px;
background: yellow;
border-radius: 5px;
/* border-style: solid;
border-width: px; */
}
.border5 {
word-spacing: 25px;
padding-top: 10px;
padding-bottom: 10px;
background: #bfbfbf;
border-radius: 5px;
/* border-style: solid;
border-width: px; */
}
.boxed {
padding-left: 2px;
padding-right: 2px;
padding-top: 10px;
padding-bottom: 10px;
border: 3px solid blue;
margin: auto;
border-radius: 10px;
}
.border6 {
word-spacing: 25px;
padding-top: 10px;
padding-bottom: 10px;
background: grey;
border-radius: 5px;
/* border-style: solid;
border-width: px; */
}
.right {
margin-right: 20px;
}
<table border="0">
<tr>
<th class="text-center" colspan="4">Flight Puck</th>
</tr>
<tr>
<th class="text-center">Behaviour</th>
<th class="text-center">Description</th>
</tr>
<tr>
<td class="fixed text-center"><span class="border bold">2210 924-16(267) 1030</span></td>
<td class=" text-center"><span class="line text-center bold">Standard Flight Puck</span>
<p>Departure time-Flight number-date-passenger Count(Including Non-Revs)-<span class="br">Arrival Time</span></p>
</td>
</tr>
<tr>
<td class="fixed text-center"><span class="border1 bold">2210 924-16(267) 1030</span></td>
<td class=" text-center"><span class="line text-center bold">Standard Flight Puck</span>
<p>Departure time-Flight number-date-passenger Count(Including Non-Revs)-<span class="br">Arrival Time</span></p>
</td>
</tr>
<tr>
<td class="fixed text-center"><span class="border2 bold">2210 924-16(267) 1030</span></td>
<td class=" text-center"><span class="line text-center bold">Standard Flight Puck</span>
<p>Departure time-Flight number-date-passenger Count(Including Non-Revs)-<span class="br">Arrival Time</span></p>
</td>
</tr>
<tr>
<td class="fixed text-center"><span class="border3 bold">2210 924-16(267) 1030</span></td>
<td class=" text-center"><span class="line text-center bold">Standard Flight Puck</span>
<p>Departure time-Flight number-date-passenger Count(Including Non-Revs)-<span class="br">Arrival Time</span></p>
</td>
</tr>
<tr>
<td class="fixed text-center"><span class="border4 bold">2210 924-16(267) 1030</span></td>
<td class=" text-center"><span class="line text-center bold">Standard Flight Puck</span>
<p>Departure time-Flight number-date-passenger Count(Including Non-Revs)-<span class="br">Arrival Time</span></p>
</td>
</tr>
<tr>
<td class="fixed text-center"><span class="border5 bold">1215|<span class="boxed">|CX</span>499-02(267)1737</span>
</td>
<td class=" text-center"><span class="line text-center bold">Standard Flight Puck</span>
<p>Departure time-Flight number-date-passenger Count(Including Non-Revs)-<span class="br">Arrival Time</span></p>
</td>
</tr>
<tr>
<td class="fixed text-center"><span class="border6 bold">2210 924-16(267) 1030</span></td>
<td class=" text-center"><span class="line text-center bold">Standard Flight Puck</span>
<p>Departure time-Flight number-date-passenger Count(Including Non-Revs)-<span class="br">Arrival Time</span></p>
</td>
</tr>
<tr>
<td class="right fixed text-center"><span class="border6 bold">2210 924-16(267) 1030</span></td>
<td class=" text-center"><span class="line text-center bold">Standard Flight Puck</span>
<p>Departure time-Flight number-date-passenger Count(Including Non-Revs)-<span class="br">Arrival Time</span></p>
</td>
</tr>
</table>
'margin'不上'table'工作。 –
你需要使用表嗎?您可以使用引導程序網格重新創建表格結構,然後使用邊框,邊距和任何您喜歡的CSS進行格式化。或者簡單地創建自己的結構 –
如果我必須實現上述表格,那麼我該如何使用? – Sree11