Question

我的css bootstrap有问题。我有一个包含多个表格的网页，它们必须并排。但是我的css搞砸了所有东西：/

真正的问题是，我不能在不同的表上放置不同的css attrib。每个表都有相同的属性（它以循环方式打印）

我的页面应该像：

[table] [table] [table]

[table] [table] [table]

[table]

但它就像：

[table] [table] [table]

............................ [表]

[table] [table] [table]

（'。'是间距）

我的引导表attributs：

table {
  background-color: #646569;
  float: left;
  color: #ffffff;
  border-radius: 4px;
}

.table {
  width: 30%;
  max-width: 30%;
  margin-bottom: 20px;
}

我的html表：

<table class='table table-bordered table-responsive sortable'>

有人可以帮我或给我一个提示吗？ ty！ ^^

Answer 1

在你的html中如果你将每个表包装在一个bootstrap列类中，它应该像你这样修复你的问题：

ipconfig|find "IPv4"|find " 10.110." && (
  cd c:\windows\system32 
  gpupdate /force
)

如果您这样做，可以从表格中移除<div class="col-md-4 col-xs-12"> <table class='table table-bordered table-responsive sortable'> </div> </div>，从.table类移除float:left;和width: 30%;。

你的CSS将是这样的：

max-width: 30%;

Answer 2

不要漂浮它们。请改用display: inline-table;。

CSS定位多个表

2 个答案: