css项目列表如何水平放置
2024-08-27 09:50:02
列表项目默认分行排列,那么将列表项设置浮动就可以实现水平放置
1
|
li{ float : left ;} |
示例如下:
创建Html元素
123456<
ul
>
<
li
>itemlist-1</
li
>
<
li
>itemlist-2</
li
>
<
li
>itemlist-3</
li
>
<
li
>itemlist-4</
li
>
</
ul
>
设置css样式
12ul{
width
:
500px
;
height
:
50px
;
line-height
:
50px
;
padding
:
10px
25px
;
border
:
4px
solid
#ebcbbe
;}
li{
padding
:
0
20px
;
float
:
left
;}
观察显示效果
最新文章
- Ext.js的store里放model,还是field?
- 设计模式(十三) 职责链(chain of responsibility)
- 从PowerDesigner表字段的Name到EF实体类属性的Display Name(根据PowerDesigner生成EF实体类中文注释和验证元数据)
- ClientScript.RegisterStartupScript 不起作用
- 【异常处理_iis】无法启动IIS Express\iisexpress.exe
- 第 29 章 CSS3 弹性伸缩布局[中]
- 【leetcode❤python】299. Bulls and Cows
- Android:Logcat中找不到本应该输出的Log调试信息
- COOKIE之安全设置漫谈
- 在.NET中使用iTextSharp创建/读取PDF报告: Part I [翻译]
- android 与 服务器通信
- WPF经纬度控件
- Learning Discriminative Features with Class Encoder
- Vue 指令篇 案例(输入提交显示 提交数据_列表)
- python 基础知识点一
- Flutter学习笔记(四)--Flutter几个小知识点
- Spring AMQP 源码分析 01 - Impatient
- The user survey(用户调查)
- npm 更改为淘宝镜像的方法
- Django在Eclipse下配置启动端口号