Question

我在使用Gumby框架格式化CSS表时遇到问题。该表的第一行“抓取”其上方的内容。

我怀疑我有一些未封闭的标签，但我肯定找不到它。

我认为这是相关的css：

<div class="six columns" center-text>
<div id='Tips' >
<h4>Tips for Tops</h4>
                OMITTING TWO PARAGRAPHS OF TEXT
<br><br>                
</div>
<div class="twelve columns center-text"><br><h2>Top Ten Individual Winners at All Clubs This Year<br> <a href="ajax.php?scores/resultIndex"> See All Club Results</a></h2><br>

</div>

<div id="response">

<div class="CSS_Table_Example"  style="width:100%">
<table style="margin: auto;">
<tr>
<td>
etc.

表格的第一行在包含“十大......”的两侧设置边框

您可以在草稿页面上看到该问题：

http://billhogsett.com/Whist/ajax.php?scores/index

右侧列包含50％的时间表，因此您可能需要重新加载几次以查看问题。

我希望这足以让某人解决我的困境。

Answer 1

从div中删除背景或设置宽度，使其不会熄灭。并设置border：none以使CSS_Table_Example类摆脱边界。希望这能回答你的问题。

顺便说一句。不要使用<br>来放置一些空格，而是使用margin属性。

CSS表格格式不正确

1 个答案: