Question

我正在尝试为我的1024px媒体查询获取一个更大的表，但是它不起作用。我已经使用px或em设置的宽度，甚至％，但无法正常工作。我还添加了!important标签。我不确定是什么要覆盖它。我在向上或向下移动我的跨度标签时也遇到问题，并且一直在使用定位或margin-up，margin-down。我还能做些其他事情来使其移动吗？我也尝试了display:flex，但这也无济于事。

我不确定要在此处输入哪个代码，因为我所有的CSS代码对于codepen来说都太长了

.admin_create_level1promo textarea {
  width: 25em;
  height:6em;
  position: absolute;
  font-size: 1em;

}

我尝试在底部和底部添加边距，但无法移动文本区域

enter image description here

php代码

 echo '<form action="admin_create_level1promo_process.php" method="POST">';

                 echo '<table class="admin_create_level1promo">

                      <tr>
                      <th colspan="3" class="update_title">Welcome to the Create Level 1 Promo Competition\'s Section</th>
                      </tr>
                      <tr>
                      <th>Entry ID:</th><td><input type="text" name="entry_id" placeholder="Enter ID"></td>
                      </tr>
                      <tr>
                      <th>Name of Competition:</th><td><input type="text" name="name" placeholder="Enter Name"></td>
                      </tr>
                      <tr>
                      <th>Duration of Competition:</th><td><input type="duration" name="duration" placeholder="Enter Duration"></td>
                      </tr>
                      <tr>
                      <th>Describe Competition:</th><td><textarea name="describe" placeholder="Enter Description of Competition"></textarea></td>
                      </tr>
                      <tr>
                      <th>Opening Date:</th><td><input type="text" name="opening_date" placeholder="Enter Opening Date"></td>
                      </tr>
                      <tr>
                      <th>Closing Date:</th><td><input type="text" name="closing_date" placeholder="Enter Closing Date"></td>
                      </tr>
                      <tr>
                      <th>Points:</th><td><input type="text" name="points" placeholder="Enter Points"></td>
                      </tr>
                      <tr>
                      <th></th><td><input type="hidden" name="csrf" value="'.$_SESSION['token'].'"></td>
                      </tr>
                      <tr>
                      <th></th><td><input type="submit" name="submit" value="Create Level 1 promo Competition"></td>
                      </tr>
                      </table>
                      </form>';

    }
}

如何获得表格宽度以在我的媒体查询之一中移动

0 个答案: