gpt4 book ai didi

javascript - 如何防止include bootstrap-combined.min.css 后表格样式改变?

转载 作者:太空宇宙 更新时间:2023-11-04 13:53:23 25 4
gpt4 key购买 nike

我想像这样使用很棒的 bootstrap-datetimepicker:Awesome Example

在我的 html 中,我有一个具有如下特定样式的表格:

original table style

我原来的 html:

<!DOCTYPE html>
<html>
<head>
<style>
table,th,td
{
border:1px solid black;
}
</style>
</head>

<body>

<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>

</body>
</html>

但是在我包含 bootstrap-combined.min.css 之后,它改变了我的表格样式

Table style changed

包含bootstrap-combined.min.css后的HTML代码:

<!DOCTYPE html>
<html>
<head>
<style>
table,th,td
{
border:1px solid black;
}
</style>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen"
href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">
</head>

<body>

<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>

</body>
</html>

您可以在这里尝试代码:try it here

导致表格样式变化的可能原因是什么,我该如何解决这个问题?

最佳答案

enter image description here试试这个

table,th,td
{
border:1px solid black;
border-spacing: 1px;
padding:1px;
border-collapse: separate;
}

关于javascript - 如何防止include bootstrap-combined.min.css 后表格样式改变?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22061370/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com