我研究 table 一段時間了，正在考慮創造一些東西。數據將存儲在數據庫中（個人資料圖像、姓名、描述、日期和點贊）。我正在嘗試創建這樣的內容：https ://i.ibb.co/k2LM4ch/Untitled.png因此數據庫表中的每一行都有它自己的卡片視圖（或列表視圖，不確定其名稱是什么）。有人可以幫助我找到正確的道路嗎，因為我不知道如何做到這一點，甚至表格也是正確的方法嗎？
2 回答
縹緲止盈
TA貢獻2041條經驗 獲得超4個贊
這個答案只涉及問題的 HTML + CSS 部分，而且非常簡單?？赡苄枰嗟臉邮?。請參閱 SQL/PHP 解決方案的其他答案。您可以通過多種方式設計“卡片”（定位、浮動、Flex 或網格布局）給出的示例是使用 Flex 完成的（目前只是個人喜好）：
.card {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: flex-start;
border: 1px solid black;
}
.card_img {
flex: 0 1 100px;
padding: 5px;
}
.card_content {
flex: 1 0 70%;
}
.card_content > h3 {
margin: 0;
font-size: 1.5rem;
font-weight: bold;
}
.card_content > footer {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
<div class="card">
<div class="card_img"><img src="https://picsum.photos/100/100"></div>
<div class="card_content">
<h3>Joe Schmoe</h3>
<p>Lorem ipsum dolor sit amet ... </p>
<footer>
<button>Button</button>
<span>some text here</span>
</footer>
</div>
</div>
斯蒂芬大帝
TA貢獻1827條經驗 獲得超8個贊
這是一個簡單的示例，其中包含您提供的信息：
$query=$mysqli->prepare('select * from table');
$query->execute();
$result=$query->get_result();
echo '<table>';
while($res=$result->fetch_array()){
$name=$res['name'];
$thumb=$res['thumbsup'];
echo "<tr><td><img src='$thumb'>$name <br> Hello <br> <button>test</button></td></tr>"
}
echo '</table>'
當然，您必須根據您的需要更改代碼。例如@Ludovit Mydla 所說的兩列使用 flex/grid
- 2 回答
- 0 關注
- 120 瀏覽
添加回答
舉報
0/150
提交
取消