如何删除元素之间不必要的空间?

时间:2018-08-06 17:35:06

标签: html

下面,<h3>标签创建了一个空格,并且代码的格式变得怪异。如何摆脱80和+号之间的空间?我使用的计数器模块来自以下链接:https://www.jqueryscript.net/animation/Animating-Numbers-Counting-Up-with-jQuery-Counter-Up-Plugin.html

    <section id = "cta" class = "wrapper style3">
        <div class = "row uniform">
            <div class = "4u 6u$(2) 12u$(3)">
                <h2><u>Students</u></h2>
            </div>
            <div class = "4u 6u(2) 12u$(3)">
                <h3 class = "counter">80</h3><h3>+</h3>
            </div>
        </div>
        <script>
            jQuery(document).ready(function( $ ) {
                $('.counter').counterUp({
                    delay: 30,
                    time: 1500
                });
            });
        </script>
    </section>

1 个答案:

答案 0 :(得分:1)

标题是块级元素,这意味着两个相邻的标题将在两条单独的行上呈现(只要您没有通过CSS修改它们的显示方式即可)。

您可以使用CSS在H3内容后附加“ +”,而不是使用其他相邻的H3元素:

<FrameLayout>
    <TextInputLayout>
        <EditText/>
    </TextInputLayout>
    <Button/>
</FrameLayout>
TextInputLayout