真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

css怎么實現(xiàn)li不換行顯示

這篇文章將為大家詳細講解有關(guān)css怎么實現(xiàn)li不換行顯示，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)主要從事網(wǎng)站制作、成都網(wǎng)站制作、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)云巖,十年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575

css的基本語法是什么

css的基本語法是：1、css規(guī)則由選擇器和一條或多條聲明兩個部分構(gòu)成；2、選擇器通常是需要改變樣式的HTML元素；3、每條聲明由一個屬性和一個值組成；4、屬性和屬性值被冒號分隔開。

實現(xiàn)方法：1、使用display屬性將li轉(zhuǎn)成行內(nèi)或是行內(nèi)塊標簽，只需要給li設(shè)置“display:inline|inline-block”樣式即可；2、使用float屬性進行浮動，只需要給元素設(shè)置“float:left”樣式即可。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

方法一：

display方法，需要將li轉(zhuǎn)換成行內(nèi)標簽或者行內(nèi)塊標簽



    
        li {
              display: inline;  <-- 或者inline-block -->
              list-style:none; 
              margin:0 20px;
        }
        div {
              display: none；
        }
    



  aa
  bb
  cc
  dd

方法二：

選擇左浮動方式， float：left；



    
        li {
              float: left; 
              list-style:none; 
              margin:0 20px;
        }
        div {
              display: none；
        }
    



  aa
  bb
  cc
  dd

關(guān)于“css怎么實現(xiàn)li不換行顯示”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

網(wǎng)頁標題：css怎么實現(xiàn)li不換行顯示
標題鏈接：http://weahome.cn/article/pchdej.html