display:inline-block在手机UC和QQ浏览器的bug

帮助 ben14 发表于 2 年前最后回复来自 qq2850071112 2 年前

为了实现视频两行两列的布局,使用li 列表,设置li为display:inline-block ,在手机chrome上可以正常显示两行两列。代码如下:
<li>
<i class="iconfont">&#xe604;</i>
<a href="<?php echo $V['link'] ?>" target="_blank"> <img src="../img/<?php echo $V['path']?>" alt="<?php echo $V['title']?>" /> <div class="metadata"> <h2 class="v-title"><?php echo $V['title']?></h2>
<p class="v-introduce"><?php echo $V['introduce']?></p>
</div>
</a>
</li>

手机端地址:http://3w.vc/test/phone-php/activities-phone.php

暂无回复,说出你的观点吧
登录后即可参与回复