Question

为什么BESTSELLER这个词会跳过一行...代码中没有任何内容告诉它这样做？（原谅我 - 这里是链接http://u.neighborrow.com/）

      <div class="input text required">
                <label for="ItemItem"></label><input type="text" id="ItemItem" value="" maxlength="255" style="font-size: 25px; width: 200px; margin: 5px 0pt;" name="data[Item][item]">
                <input type="submit" value="Search" style="font-size: 22px" />
            </div>


            <?php echo $form->end(); ?>
            Tips: <span style="font-size: 13px; position: relative; top: -2px"> Taking a trip? Want to try something before you buy it? <br > Have a project or event coming up? Want to see who has a copy of that bestseller?</span>
            <br />
            <?= $form->create('Item', array('action' => 'indextest')); ?>
        </div>

Answer 1

我不知道“跳过一条线”是什么意思。也许链接到实时代码会有所帮助。但我确实注意到你有更多关闭div标签而不是打开。

编辑：看起来周围的div的计算行高度为30px。但是主题跨度的线高为18px。因此，当跨度占据整条线时，它将显示在18px线高处。但是当它只占用一条偏线时，30px线高应用于该线的其余部分，这会导致最后一条线显示在较大的30px线高处。尝试在父div处设置18px行高，或将跨度设置为display：block，以便不会在线显示较大的行高。

Answer 2

尝试将 display：block 添加到您的范围或替换任何块级元素（例如<p>或<div>）的范围宽度。在语义世界中，您应该使用<p>;）

此外，您应该尝试阻止内联样式。

CSS行间距问题

2 个答案: