浮动5-常用列表显示(案例)

<!doctype html>
<html>
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>浮动5-常用列表显示(案例)</title><meta name="keywords" content="" /><meta name="description" content="" />  <style type="text/css">#listUL{overflow:hidden; /* 块状元素：当内部为浮动元素时，加此属性使其高度自适应 */margin:0px;padding:0px;border:1px solid red;}#listUL li{list-style:none;float:left;border:1px solid #ccc;margin:3px 2px;  /* 设置间距 */}#listUL li.tagLi{width:100px;text-align:right;clear:left;      /* 此处加一个清除浮动，有效解决串行问题~~~~~ */}#listUL li.titleLi{width:400px;            }</style>
</head>
<body><ul id="listUL"><li class="tagLi">姓名：</li><li class="titleLi">请填写您的姓名.......</li><li class="tagLi">邮箱：</li><li class="titleLi">请填写您的邮箱@@@</li><li class="tagLi">地址：</li><li class="titleLi">请填写您的地址###.....</li></ul></body>
</html>

转载于:https://www.cnblogs.com/martinzhang/p/3264849.html

浮动5-常用列表显示(案例)相关推荐

YII2 数据库常用操作案例
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.YII2 数据库常用操作案例 1.关于分页 50.查询当月生日的客户前言提示:这里可以添加本文要记录的大概内容 ...
Python处理时空数据常用库案例及练习
本文完整代码.数据集下载.在线运行可以访问这个链接:时空数据Python常用包案例配套习题与答案可以访问这个链接:时空数据Python常用包案例 - 实操练习题(附答案) Python处理时空数据会 ...
CSS浮动/常见网页布局/清除浮动/学成在线案例
CSS 04 1. 浮动(float) 1.1 传统网页布局的三种方式网页布局的本质--用 CSS 来摆放盒子. 把盒子摆放到相应位置. CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列 ...
CSS浮动详解及案例
文章目录一.简介 1.1 定位方式 1.2 浮动元素 1.3 层叠关系二.浮动的规则 2.1 规则一 2.1.1示例 2.2 规则二 2.2.1 示例 2.3 规则三 2.3.1 示例 2.4 规 ...
python的应用领域和常用函数模块有哪些_Python模块导入区别与常用函数案例
作者:Nature 出品:AI机器思维 Python中包含很多模块,每个领域的应用有关专家开发了相应的模块,必须将其导入到python中,然后才能使用.每个模块安装导入后才能引用,下面通过math模块 ...
Redis 入门和 RedisTemplate 常用方法（常用命令 + 案例源码）
Redis 入门内容一.Redis 概念二.Redis 优缺点 1. 优点 2. 缺点三.应用场景四.Redis 安装五.常用命令 1. Redis 字符串(String) 1.1 概念 ...
清除浮动的常用的几种方法
首先我们要知道为什么要清除浮动? 如果说一个父盒子中有一个子盒子,并且父盒子没有设置高,子盒子在父盒子中进行了浮动,那么将来父盒子的高度为0.由于父盒子的高度为0,下面的元素会自动补位,所以这个时候要 ...
01-HTML+CSS+JS【常用总结+案例练习】
文章目录 HTML 第一部分第二部分第三部分总结 CSS 选择器常用样式总结 JavaScript ECMA Script 基本语法 JS对象 BOM浏览器对象模型 DOM文档对象模型事件 ...
清除浮动最常用的四种方法
1.为什么要清除浮动开发过程中,浮动是需要掌握的一个技能,页面布局当中,在无法确定子元素的高度(height)时,我们无法给父级标签一个固定的高度(height),我们想要的是,由子元素的高度去控制 ...

浮动5-常用列表显示(案例)

浮动5-常用列表显示(案例)相关推荐

最新文章

热门文章