这个问题在这里已经有一个答案：>
Set cellpadding and cellspacing in CSS?24
我是html的新手,我得到了这段代码：
我是html的新手,我得到了这段代码：
@{
ViewBag.Title = "Index";
}
<!DOCTYPE html>
<html>
<head>
<Meta name="viewport" content="width=device-width" />
<title>View1</title>
<script src="~/Scripts/jquery-1.9.1.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<link href="~/Content/bootstrap-theme.min.css" rel="stylesheet" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
<table>
@foreach (var item in Model.Data)
{
<tr>
<td><a href=@Model.DataUrl[item.Key]>@item.Key</a></td>
<td>@item.Value</td>
</tr>
}
</table>
</body>
</html>
我想在之间添加一个选项卡或空格：< td>< a href=@Model.DataUrl [item.Key]> @ item.Key< / a>< / td> < td> @ item.Value< / td>我怎么做？
解决方法
您可以使用CSS添加填充到您的td：
td {
padding-right: 30px;
}
<table>
<tr>
<td><a href="#">Hello</a></td>
<td>Goodbye</td>
</tr>
<tr>
<td><a href="#">Hola</a></td>
<td>Adios</td>
</tr>
</table>
或给他们一个固定的宽度：
td {
min-width: 200px;
}
<table>
<tr>
<td><a href="#">Hello</a></td>
<td>Goodbye</td>
</tr>
<tr>
<td><a href="#">Hola</a></td>
<td>Adios</td>
</tr>
</table>
请注意,理想情况下,CSS应放在一个单独的.css文件中,而不是< style>元素,但是您可以将以上内容放入您的页面,以便尝试它们.
