html 如何让多张超连接图片在一行

发布网友发布时间：2022-04-23 04:11

共5个回答

热心网友时间：2023-09-14 19:54

外面套个div，设置固定宽度，这个宽度大于等于这几张图片的总宽度即可：

测试：

<!doctype html>
<html lang="en">
<head>
    <title></title>
    <style>
     #oneline{
        width:1300px;
     }
    </style>
</head>
<body>
    <div id="oneline">
        <img src="d:\有趣.jpg" alt="">
        <img src="d:\有趣.jpg" alt="">
        <img src="d:\有趣.jpg" alt="">
    </div>
</body>

</html>

热心网友时间：2023-09-14 19:54

用ul和li，并将li设置为display:line-block追问并且这几张图片不会随着窗口变小而换行

追答那就在ul的最外面加一个div，设置div的具体宽度

热心网友时间：2023-09-14 19:55

给每个图片加上一个CSS样式：float:left就可以了

热心网友时间：2023-09-14 19:55

用table 让图片在一个个单元格里

热心网友时间：2023-09-14 19:56

让图片添加浮动