Question

有人可以帮我解决一点CSS问题吗？我知道CSS，但我在调试它时非常糟糕。我不确定何时提供我的学术信息和个人信息display: inline-block为什么底部会附加几行空格（上面的＃34;告诉我们更多关于你的信息＆＃34;）。

我认为如果个人信息与学术信息不在同一行，那么这就是个人信息所占用的空间。

我想要上面的空间＆＃34;告诉我们更多关于你的信息＆＃34;离开，顶部和底部都相互对立。

HTML（不要告诉我内联样式是如何糟糕的（我知道））：

<html>
 <head>
    <title>test</title>
 </head>
 <body>
 <div style="display: inline-block;"><a style="font-size: 16pt;">ASAP APPLICATION   FORM</a><img style="margin-left: 400px; height: 35px;" src="../css/images/asap_logo.png">  </div>
    <hr>

    <div>Date Submitted: <b><?php echo $_GET['dateSubmitted'] ?></b><br></div><br>

    <div style="display: inline-block;">
        <h3><i>ACADEMIC INFORMATION</i></h3>
        <div>
            Major:&nbsp;&nbsp;&nbsp;<b><u><?php echo $_GET['major'] ?></u></b>
            <div style="margin-top: 8px;">Expected Graduation Year:&nbsp;&nbsp;&nbsp;<b><u><?php echo $_GET['gradDate'] ?></u></b></div>
            <div style="margin-top: 8px;">Relevant work?:&nbsp;&nbsp;&nbsp;<b><u><?php echo ucfirst($_GET['work']) ?></u></b></div>
        </div>
    </div>

    <div style="display: inline-block; margin-left: -300px;">
        <h3><i>PERSONAL INFORMATION</i></h3>
        <div>
            Name:&nbsp;&nbsp;&nbsp;<b><u><?php echo $_GET['firstName']." ".$_GET['lastName'] ?></u></b><br>
            <div style="margin-top: 8px;">Address:&nbsp;&nbsp;&nbsp;<b><u><?php echo $_GET['address'] ?></u></b><br></div>
            <div style="margin-top: 8px;">Phone:&nbsp;&nbsp;&nbsp;<b><u><?php echo $_GET['phone'] ?></u></b><br></div>
            <div style="margin-top: 8px;">Email:&nbsp;&nbsp;&nbsp;<b><u><?php echo $_GET['email'] ?></u></b></div>
        </div>
    </div>

    <h3><i>TELL US MORE ABOUT YOU</i></h3>
    <b>Position(s) interested in:</b>&nbsp;&nbsp;&nbsp;<?php echo $_GET['positions'] ?>
    <br>
    <b>Do you have work-study?</b>&nbsp;&nbsp;&nbsp;<?php echo ucfirst($_GET['workStudy']) ?>
    <br>

    <span>Describe your creative strengths:</span>
    <textarea><?php echo $_GET['previousExperience'] ?></textarea>

    <span>Briefly describe your previous work experience:</span>
    <textarea rows="10" cols="40"><?php echo $_GET['creativeStrengths'] ?></textarea>

    <span>What are your skills?:</span>
    <textarea rows="10" cols="40"><?php echo $_GET['skills'] ?></textarea>

    <span>What interests you about this position?:</span>
    <textarea rows="10" cols="40"><?php echo $_GET['interests'] ?></textarea>

 </body>
 </html>

图片（顺便转换为PDF）：

enter image description here

Answer 1

尝试添加具有相同显示的div：也可以在底部周围使用内联块。

显示内联创建下面的空间

1 个答案: