溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“Css如何實現分類”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“Css如何實現分類”這篇文章吧。
一、尺寸操作
height 設置元素高度
line-height 設置行高
.p1{
width: 400px;
line-height: normal;
}
.p2{
width: 400px;
line-height: 200%;
}
.p3{
width: 400px;
line-height: 50%;
}<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>對齊</title> <link href="style.css" type="text/css" rel="stylesheet"> </head> <body> <p class="p1">This is my web page This is my web page This is my web page This is my web page This is my web page This is my web page </p> <p class="p2">This is my web page This is my web page This is my web page This is my web page This is my web page This is my web page </p> <p class="p3">This is my web page This is my web page This is my web page This is my web page This is my web page This is my web page </p> </body> </html>
max-height 設置元素最大高度
max-width 設置元素最大寬度
.p1{
line-height: normal;
max-width: 250px;
} min-width 設置元素最小寬度
min-height 設置元素最小高度
width 設置元素寬度
二、分類操作
clear 設置一個元素的側面是否允許其他的浮動元素
cursor 規定當指向某元素之上時顯示的指針類型
p{
cursor: auto;
}p{
cursor: alias;
}p{
cursor: cell;
}
display 設置是否及何時顯示元素
li{
display: inline;
}
<ul>
<li>Hello</li>
<li>Hello</li>
<li>Hello</li>
<li>Hello</li>
</ul> float 定義元素在哪個方向浮動
position 把元素放置到一個靜態的、相對的、絕對的、固定的位置
visibility 設置元素是否可見或不可見
li{
display: inline;
visibility: hidden;
}li{
display: inline;
visibility: visible;
}以上是“Css如何實現分類”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
