すべてのデータを並置高さに並べて保存する方法

これらの3つのデータを並べて表示しようとしています。最後の2行目のように。最初の列（phpループ内）の後に3番目と4番目の要素は下の行になります。ここ screenshot すべてのデータを並置高さに並べて保存する方法

私はラインに（含まれたスタイルを試してきたものである。

<?php while ($each_row = mysqli_fetch_assoc($table_data)){ ?> 
         <tr style="border: 1px solid black; "> 
          <td style="border: 1px solid black;"><?php echo $i; ?></td> 
          <td style="border: 1px solid black;"><?php echo $each_row["roll"]; ?></td> 
          <td style="border: 1px solid black;"><?php echo $each_row["name"]; ?></td> 
          <td style="border: 1px solid black; text-align:center;"><?php echo $each_row["present"]; ?></td> 
          <td style="border: 1px solid black; width: 300px;"> 
            <a href="attendence.php?change=present&date=<?php echo $today; ?>&class=<?php echo $class; ?>&batch=<?php echo $batch; ?>&roll=<?php echo $each_row["roll"]; ?>"> 
             <button type="button" name="button">Present</button></a> 
            <a href="attendence.php?change=absent&date=<?php echo $today; ?>&class=<?php echo $class; ?>&batch=<?php echo $batch; ?>&roll=<?php echo $each_row["roll"]; ?>"> 
             <button type="button" name="button">Absent</button></a> 
            <form class="" style="width: 100px;" action="attendence.php?change=absent&date=<?php echo $today; ?>&class=<?php echo $class; ?>&batch=<?php echo $batch; ?>&roll=<?php echo $each_row["roll"]; ?>" method="post"> 
             <input style="width: 50px;" type="text" name="late" value="0"> 
             <input style="width: 50px;" type="submit" name="" value="Late"> 
            </form> 
          </td> 
         </tr> 
     <?php } ?>

出典

2017-03-29 Shafi

「

」は「」の子にすることはできません。これらのタグは表示されていませんが、投稿されたコードの外にある可能性があります。 –

フォームは前述のように

の子にすることはできません。この部分の完全なCSSをご覧ください。私はdisplay：flexを使って何をしようとしているのかを考えるべきだと思います。 – SmashingQuasar

https://paste.ubuntu.com/24275151/ ここに全体の表があります。私はラインスタイルで使用していますが、スタイルスクリプトに後で移動します。 – Shafi

答えて

私はあなたの設計のための別のビューを持っている、あなたが消化するために少し難しいかもしれないが、あなたは、ブートストラップ・フレームワークのために行くことができますそして、（あまりにも応答するもの）と、あなたも良く見えるようになります形成表形式のビューで<div>または<span>タグを使用して同じことを設計するために、単純なグリッドを使用

を参考のために：。Bootstrap Grid System

出典

2017-03-29 18:00:37

以下の構造を試してみてください。メインの<table>の外に単一の<form>タグを使用することを検討し、<button>の周りに<a>のアンカーを使用してではなく、と考えてください。

<form method="post"> 
    <table style="width: 100%"> 
     <?php while ($each_row = mysqli_fetch_assoc($table_data)){ ?> 
     <tr style="border: 1px solid black;"> 
      <td style="border: 1px solid black;">1</td> 
      <td style="border: 1px solid black;">2</td> 
      <td style="border: 1px solid black;">3</td> 
      <td style="border: 1px solid black; text-align:center;">4</td> 
      <td style="border: 1px solid black; width: 300px;"> 
       <a href="#YourUrlHere"><!--CONSIDER REMOVING THIS ANCHOR--> 
        <button type="button" name="button">Present</button> 
       </a><!--CONSIDER REMOVING THIS ANCHOR--> 
       <a href="#YourUrlHere"><!--CONSIDER REMOVING THIS ANCHOR--> 
        <button type="button" name="button">Absent</button> 
       </a><!--CONSIDER REMOVING THIS ANCHOR--> 
       <input style="width: 50px;" type="text" name="late" value="0"> 
       <input style="width: 50px;" type="submit" name="" value="Late"> 
      </td> 
     </tr> 
     <?php } ?> 
    </table> 
</form>

https://jsfiddle.net/ksrgnmcm/#&togetherjs=Nl81IM2PG7

それが何らかの形でお役に立てば幸いです。

出典

2017-03-29 18:27:28 Ren

それは問題全体を解決しませんでした。しかし、それは物事をすっきりさせました。ありがとう、いくつかの新しいことを学んだ。：D：D – Shafi

すべてのデータを並置高さに並べて保存する方法

答えて

関連する問題