0
HTMLテーブルに問題があります。私は自分のテーブルを新聞の文章のように見せたい。分割HTMLテーブルを複数のdivに分割
私は50件のレコードが現在のdivのカラムに充填した場合、別のdivの列にジャンプする方法は考えています。私はHTMLが初めてです。私の問題を読んでいただきありがとうございます。
現在のHTML：
<html>
<head>
<style>
#quotescointainer{
width: 100%;
font-size: 4px;
overflow: hidden; /* contain floated elements */
background: #fff
}
#quotesleft {
float: left;
width: 10%;
background-color: #fff;
}
#quotescenter {
float: left;
background-color: #fff;
width: 10%;
}
#quotescenter2 {
float: left;
background-color: #fff;
width: 10%;
}
#quotescenter3 {
float: left;
background-color: #fff;
width: 10%;
}
#quotescenter4 {
float: left;
background-color: #fff;
width: 10%;
}
#quotescenter5 {
float: left;
background-color: #fff;
width: 10%;
}
#quotescenter6 {
float: left;
background-color: #fff;
width: 10%;
}
#quotescenter7 {
float: left;
background-color: #fff;
width: 10%;
}
#quotescenter8 {
float: left;
background-color: #fff;
width: 10%;
}
#quotesright{
float: left;
width: 10%;
background-color: #fff;
}
</style>
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
font-size:0.7vw;
}
td, th {
border: 1px solid #000000;
text-align: left;
padding: 1px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
</style>
</head>
<body>
<div id="quotescointainer">
<div id="quotesleft">
<?php echo file_get_contents("http://example.com/table?id=5452") ;?>
</div>
</div>
</body>
</html>
を私はあなたが何をしたいか理解できませんでした。 "私のテーブルを新聞の文章スタイルとして登場させてほしい" – SaidbakR
私はメインページに10個のdivカラムを持っており、それぞれ50行のデータを埋めたいと思っています。詳細を確認するには画像を確認してください。ありがとうございました。 –
メインページには500のシリアルデータが表示されていました。だから私は10のdivで50行を記入する必要があります。しかし、50行後に別のdivにジャンプする方法についてはわかりません。 –