用浮动写一个简单的下一页

最新推荐文章于 2025-08-18 20:44:42 发布

平淡中的乐趣

最新推荐文章于 2025-08-18 20:44:42 发布

阅读量254

点赞数

CC 4.0 BY-SA版权

分类专栏： css 文章标签： css

本文链接：https://blog.youkuaiyun.com/gghhm/article/details/90451815

css 专栏收录该内容

4 篇文章

订阅专栏

博客介绍了用浮动写一个简单下一页的程序，目的是让人更多了解浮动的用法，内容较为简单。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用浮动写一个简单的下一页

这里我就简单的写一个浮动下一页程序：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        span{
            display:inline-block;
            border:1px solid #999999;
            width:50px;
            height:50px;
            background:yellowgreen;
            line-height:50px;
            text-align: center;
        }
        .kuai1{
            width:70px;
        }
    </style>
</head>
<body>
<span style="float:left">1</span>
<!--<span >2<span >3</span></span>-->
<span style="float:left">2</span>
<span style="float:left">3</span>
<span style="float:left">4</span>
<span class="kuai1"style="float:left">下一页></span>
</body>
</html>

这个主要是为了多了解一下浮动的用法，很简单。