这个问题在这里已经有答案了:
在CSS中设置单元格填充和单元格间距?
(30个答案)
(30个答案)
六年前关闭的
我是html新手,我得到了以下代码:
@{
ViewBag.Title=“Index”;
}
<;!DOCTYPE html>;
<;html>;
<;头>;
<;meta name=“viewport”content=“width=设备宽度”/>;
<;标题>;视图1</标题>;
<;脚本src=”https://stackoverflow.com/questions/27402840/~/Scripts/jquery-1.9.1.min.js“></脚本>;
<;脚本src=”https://stackoverflow.com/questions/27402840/~/Scripts/bootstrap.min.js“></脚本>;
<;链接href=”https://stackoverflow.com/questions/27402840/~/Content/bootstrap theme.min.css“rel=“stylesheet”/>;
<;链接href=”https://stackoverflow.com/questions/27402840/~/Content/bootstrap.min.css“rel=“stylesheet”/>;
</头>;
<;车身>;
<;表>;
@foreach(Model.Data中的var项)
{
<;tr>;
<;td>;<;a [email protected][item.Key]>;@item.Key<;/a>;<;/td>;
<;td>;@item.Value<;/td>;
<;/tr>;
}
</表>;
</车身>;
</html>;
我想在以下内容之间添加选项卡或空格:<;td>&书信电报;a [email protected][item.Key]&[email protected]项目.关键</a></td>和<;td&[email protected]项目价值</td>我该怎么做
我想添加css是最好的方法,但我不知道如何使用它
您可以使用CSS将填充添加到td:
td{
右侧填充:30px;
}
<;表>;
<;tr>;
<;td>&书信电报;a href=“”>;你好</a></td>;
<;td>;再见</td>;
</tr>;
<;tr>;
<;td>&书信电报;a href=“”>;霍拉</a></td>;
<;td>;再会</td>;
</tr>;
</表>
或者给它们一个固定的宽度:
td{
最小宽度:200px;
}
<;表>;
<;tr>;
<;td>&书信电报;a href=“”>;你好</a></td>;
<;td>;再见</td>;
</tr>;
<;tr>;
<;td>&书信电报;a href=“”>;霍拉</a></td>;
<;td>;再会</td>;
</tr>;
</表>