li高度設置無效的問題

本文轉載自查看原文 2012-08-08 12:24 3776 HTML

設置li元素的高度無效的解決辦法就是為li加入:overflow:hidden;

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" />
< title >無標題文檔 </ title >
< style type ="text/css" >

    ul {
        list-style : none ;
        float : left ;
     }
    li {
        overflow : hidden ; /* 解決高度設置無效的問題 */
        float : left ;
        width : 12px ;
        height : 12px ;
        background : red ;
        margin-right : 4px ;
     }
</ style >
</ head >

< body >
     < ul >
         < li ></ li >
         < li ></ li >
         < li ></ li >
         < li ></ li >
         < li ></ li >
         < li ></ li >
     </ ul >
</ body >
</ html >

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 css中設置th的高度無效關於 iOS 11 之后，UITableView 的 Header 高度設置無效問題解決辦法父元素不設置高度，由子元素內容撐開無效果的問題 table 不能設置高度的問題 a標簽設置高度不生效問題 QTreeWidgetItem setWidget后設置widget的字體顏色和高度無效？？？ LODOP設置紙張無效問題 echart——寬度設置無效問題解決ViewPager 高度wrap_content無效問題 select設置高度的兼容問題