Question

我正在使用PC版本的网站，我想使用Media Query为移动版本添加一些版本，

我使用css3学会了这一点，除了我问自己如何使用css更改结构的问题

<!DOCTYPE html>
<html>
<head>
<title>title</title>
</head>
 <body>
<?php 
$id = $_POST['T0']; // Recuperer le identifiant 
$nom = $_POST['T1'];// Recuperer le nom 
$prenom = $_POST['T2']; // Recuperer le prenom 
?>
  <form method="POST" action="myphp.php"> <br>
<table border="1" cellspacing="2" cellpadding="2">
<tr>
    <td>Identifiant</td>
    <td> <input type="text" name="T0"></td>
</tr>
<tr>
    <td>nom</td>
    <td> <input type="text" name="T1"></td>
</tr>
<tr>
    <td>prenom</td>
    <td> <input type="text" name="T2"></td>
</tr>


 </table>
 <input type="Submit" name="button" value="Envoyer Request"> 
 </form>
 <br> <center><h1 style="color: red;">
<?php
echo "bienvenue $nom $prenom votre identifiant est $id";
?>

</h1></center>
 </body>
</html>

我的计算机版本中的示例：

<p> a sentence

<Table>

我想要的是我的移动版本：

<Table>

<p> a sentence

是否可以使用CSS或必须修改HTML5？

Answer 1

仅CSS样式元素。它无法修改HTML本身，因此您确实必须修改HTML本身。

请注意，存在一些CSS属性，可让您给人以HTML中某些元素的顺序不同的印象，例如flex-order：

.right-order {
  display: flex;
  flex-direction: column;
}

.wrong-order {
  display: flex;
  flex-direction: column-reverse;
}

<div class="right-order">
  <p>hello</p>
  <p>world</p>
</div>

<hr>

<div class="wrong-order">
  <p>hello</p>
  <p>world</p>
</div>

通过Media Query使用CSS3控制我的骨架HTML5

1 个答案: