Question

我有以下表格，其中有两个内联格式的文本框。当我尝试水平压缩窗口时，它们不再处于相同的水平跨度中，而是将其中一个文本框放入一个＆＃34; line＆＃34;较低，而其前面的标签与以前保持在同一行。如何更改此值，以便在窗口水平调整大小时，大小压缩以保持相同的水平分布。

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>

  <!-- CSS Stuff -->

  <style>



    input[type=text]{
    width: 32%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    }

    u {
    text-decoration: underline;
   }

  </style>




   <body>
   <p> <strong> <u> International Assistance - Reporting Template </u> </strong> <br><br> </p>
   <form> 
   <div id = "Page 1">
   <label id = "IdentificationLabel"> <u> Identification Page </u> </label>
   <br> 
   <br>
   <span> <label id = "DepartmentLabel"> Department :  </label>
          <input type = "text" id = "Department_TextBox" ></input> 
          <label id = "CRSID_Label" > CRS Identification Number :   </label>
          <input type = "text" id = "CRSID"> </input>
   </span>
   </form> 
   </body>
   </html>

在窗口大小调整时保持窗体结构，HTML，CSS

0 个答案: