关于坛友的一个布局问题的解答_html/css_WEB-ITnose-html教程-PHP中文网

首页

web前端

html教程

关于坛友的一个布局问题的解答_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:54 AM

来源：http://www.ido321.com/1147.html

需求：让select、ul、文字、button、text显示在一行中，效果戳：http://bbs.csdn.net/topics/390915380?page=1#post-398415668

我的实现如下

HTML：

<!DOCTYPE html><html> <head>    <title>Test</title>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   </head>  <body>  <div class="main">      <div class="pagediv">          <ul>              <li><a href="">《</a></li>              <li><a href="">1</a></li>              <li><a href="">2</a></li>              <li><a href="">3</a></li>              <li><a href="">4</a></li>              <li><a href="">》</a></li>          </ul>      </div>      <div class="seldiv">          每页          <select>              <option>20</option>              <option>30</option>              <option>50</option>          </select>          记录跳转至第<input type="text">页          <input type="button" value="Go">      </div>  </div></body> </html>

CSS：

ul    {        list-style: none;    }    .pagediv    {        float: left;    }    ul li    {        float: left;    }    a    {        text-decoration: none;        display: block;        border: 1px solid #ccc;        text-align: center;        line-height: 24px;        width: 24px;        height: 24px;    }    a:hover    {        text-decoration: none;        color: red;    }    .seldiv    {        float: left;        margin: 20px;    }

效果：

下一篇：网页抓取：PHP实现网页爬虫方式小结

关于坛友的一个布局问题的解答

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

公众号网页更新缓存难题：如何避免版本更新后旧缓存影响用户体验？Mar 04, 2025 pm 12:32 PM

公众号网页更新缓存，这玩意儿，说简单也简单，说复杂也够你喝一壶的。你辛辛苦苦更新了公众号文章，结果用户打开还是老版本，这滋味，谁受得了？这篇文章，咱就来扒一扒这背后的弯弯绕绕，以及如何优雅地解决这个问题。读完之后，你就能轻松应对各种缓存难题，让你的用户始终体验到最新鲜的内容。先说点基础的。网页缓存，说白了就是浏览器或者服务器为了提高访问速度，把一些静态资源（比如图片、CSS、JS）或者页面内容存储起来。下次访问时，直接从缓存里取，不用再重新下载，速度自然快。但这玩意儿，也是个双刃剑。新版本上线，