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

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

<!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>

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

更多推荐

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