css - 应用于表格单元格时,css样式不起作用
问题描述
我已将 100% 的宽度应用于td
表中的所有内容,但只有该行的第一个 td 的宽度为 100%。而另一个td
倒塌。
table, th, td {
border: 1px solid black;
width: 100%;
}
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
<p><b>Note:</b> The width attribute is not supported in HTML5. Use CSS instead.</p>
解决方案
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<style type="text/css">
table, th, td {
border: 1px solid black;
}
table{
width: 100%;
text-align: center;
}
</style>
</head>
<body>
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
</body>
</html>
推荐阅读
- python - 将csv行中的文本分成多个?
- vba - Putting Regex into VBA code
- node.js - How to find matched sub-sub documents and select some of sub document property in feathers js / mongoose?
- javascript - 根据输入值乘以或克隆选择标签
- c# - WPF 为网格控件保存“背景”属性的最佳方式
- python - Python ijk 乘法,为什么我们使用下面的赋值符号或代码行?
- python - 将字符串与列表进行比较并在python中仅打印匹配的关键字
- javascript - Kendo UI 模板变量范围
- html - GITHUB 页面没有显示在网站上?
- python - return multiple pandas.DataFrames from functions and export as different files?