大家早上好
我遇到对齐问题。
我正在使用 MYSQL 数组来创建体育资料页面。
我想让它显示图像,然后在右边,显示他们的名字、职位和号码。
然后我希望它在向下交换到下一行之前动态地显示其中的 3 或 4 个彼此相邻。
我设法让它只处理图片,而不处理中间的文本。它们目前都只显示在新行上。
<style>
#container .profile{
display: inline-block;
vertical-align:top;
}
</style>
<div class="profile">
<img src="wp-content/uploads/profile/jh7.jpg" alt="" /><br />
<h3 class="widget-title">Player 1</h3>
<p>Defence</br>#7</br></br>
<img src="wp-content/uploads/profile/dw21.jpg" alt="" /><br />
<h3 class="widget-title">Player 2</h3>
<p>Defence</br>#21</br></br>
<img src="wp-content/uploads/profile/pn22.jpg" alt="" /><br />
<h3 class="widget-title">Player 3</h3>
<p>Defence</br>#22</br></br>
</div>
</div><!-- .entry-content -->
</div>
谢谢大家
最佳答案
您可以为图像使用向左浮动:
<style>
.profile img{
float: left;
margin-right: 5px;
}
</style>
关于PHP MySQL 图片/数据动态对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27730619/