列表项目默认分行排列,那么将列表项设置浮动就可以实现水平放置

1
li{float:left;}

示例如下:

  1. 创建Html元素

    1
    2
    3
    4
    5
    6
    <ul>
        <li>itemlist-1</li>
        <li>itemlist-2</li>
        <li>itemlist-3</li>
        <li>itemlist-4</li>
    </ul>
  2. 设置css样式

    1
    2
    ul{width:500px;height:50px;line-height:50px;padding:10px 25px;border:4px solid #ebcbbe;}
    li{padding:0 20px;float:left;}
  3. 观察显示效果

最新文章

  1. Ext.js的store里放model,还是field?
  2. 设计模式(十三) 职责链(chain of responsibility)
  3. 从PowerDesigner表字段的Name到EF实体类属性的Display Name(根据PowerDesigner生成EF实体类中文注释和验证元数据)
  4. ClientScript.RegisterStartupScript 不起作用
  5. 【异常处理_iis】无法启动IIS Express\iisexpress.exe
  6. 第 29 章 CSS3 弹性伸缩布局[中]
  7. 【leetcode❤python】299. Bulls and Cows
  8. Android:Logcat中找不到本应该输出的Log调试信息
  9. COOKIE之安全设置漫谈
  10. 在.NET中使用iTextSharp创建/读取PDF报告: Part I [翻译]
  11. android 与 服务器通信
  12. WPF经纬度控件
  13. Learning Discriminative Features with Class Encoder
  14. Vue 指令篇 案例(输入提交显示 提交数据_列表)
  15. python 基础知识点一
  16. Flutter学习笔记(四)--Flutter几个小知识点
  17. Spring AMQP 源码分析 01 - Impatient
  18. The user survey(用户调查)
  19. npm 更改为淘宝镜像的方法
  20. Django在Eclipse下配置启动端口号

热门文章

  1. lintcode-100-删除排序数组中的重复数字
  2. 搭建Lepus数据库监控系统
  3. sudo是干哈子的
  4. Shiro 的 HelloWorld
  5. HTML5表单提交与PHP环境搭建
  6. 【bzoj3052】[wc2013]糖果公园 带修改树上莫队
  7. 洛谷 P1379 八数码难题 解题报告
  8. apache代理服务器配置
  9. 把java的class文件打成jar包的步骤
  10. linux 下查看网卡工作速率