0

我有这个基本形式，我分成两列。该表单是 HTML <form>，其中的条目位于<ul>.

<form method="POST"  action = "<?=$_SERVER['PHP_SELF']?>"> <?
    echo '<div style="background:red;width:25%;margin-left:auto;margin-right:auto;text-align: center">';
    //title text
    echo  '</div><br>';?>
        <ul class="twocolumn">
            <div class="firstcolumn" style="display: inline-block;width: 100%">
                //a bunch of fields
            </div>
            <div class="secondcolumn" style="display: inline-block;width: 100%">
                //the rest of the fields
            </div>
        </ul>
  </form>

我使用 CSS 来分配<ul>class twocolumn，我将其定义为：

.twocolumn {
-webkit-column-count: 2;

}

它很好地完成了它的工作，并将表单一分为二。但是，当在 Chrome 上查看时，它会在左列的最后一个条目下方引入一条细水平线，我无法摆脱。它似乎与 column-rule 属性无关 - 我尝试将 column-rule 宽度设置为 0，但没有任何改变。它无法在 Chrome 的开发工具中检查，也不会出现在源代码中。在我所有的在线搜索中，我没有发现任何提到这样的事情。

任何想法这可能是什么以及如何摆脱它？谢谢！！

4

0 回答 0