浮动5-常用列表显示(案例)
生活随笔
收集整理的這篇文章主要介紹了
浮动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-常用列表显示(案例)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： sizeWithFont 不是线程安全。
- 下一篇： web项目的两个创建形式website和