谁能帮我看看div横排出问题了

俺老刘 2019-04-12 08:40:22



    <div class="demos">

        <div class="div-inline">

        <a href="index.php"><img src="images/header_images.jpg" width="250" height="250" alt="header images" />

          <br>演示网址</a>

        </div>

        <div class="div-inline">

        <a href="index.php"><img src="images/header_images.jpg" width="250" height="250" alt="header images" />

          <br>演示网址</a>

        </div>

        <div class="div-inline">

        <a href="index.php"><img src="images/header_images.jpg" width="250" height="250" alt="header images" />

          <br>演示网址</a>

        </div>

    </div>

谁来帮我看看这是怎么回事

.demos {height:300px; margin-top:50px;text-align:center;margin-left:10px;}
.div-inline{ display:inline}
没有加<br>演示网址的时候显示挺正常，都是显示在一行中，但是我想加个说明，结果就变成竖排的了，我知道是强制换行了，谁能帮我改一下。

...全文

109 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

海上升明月513 2019-04-13

打赏
举报

<div class="demos"> <div class="div-inline"> <a href="index.php"><img src="images/header_images.jpg" width="250" height="250" alt="header images" /></a> <a href="index.php">演示网址</a> </div> <div class="div-inline"> <a href="index.php"><img src="images/header_images.jpg" width="250" height="250" alt="header images" /></a> <a href="index.php">演示网址</a> </div> <div class="div-inline"> <a href="index.php"><img src="images/header_images.jpg" width="250" height="250" alt="header images" /></a> <a href="index.php">演示网址</a> </div> </div> .demos { height:300px; margin-top:50px; text-align:center; margin-left:10px; width:100%; } .div-inline{ position:relative; float:left; width:30%; height:90%; } .div-inline img{ width:90%; height:90%; }