目錄
回复讨论(解决方案)
首頁 web前端 html教學 多个<li>左浮动以后出现的问题,求高手_html/css_WEB-ITnose

多个<li>左浮动以后出现的问题,求高手_html/css_WEB-ITnose

Jun 24, 2016 pm 12:03 PM
lt 多個 浮動 高手


父div下有6个

  • ,所有的
  • 都是统一的css,因为要
  • 的间隔,所以margin-left 了几个像素,但是箭头所指的地方也会有间隔
    如果父div有边框,还好看一些。但是如果父div是空白的,那么左侧的
  • 就不靠边,显得难看。请问怎么解决

    不想单独定义li的class,这样程序调用不方便
    求助


    回复讨论(解决方案)

    li1    li2   li3
    li4    li5   li6

    1,2,3,4,5,6 有class a
    1,4 有class b

    .a{    margin-left:5px;}.b{    margin-left:0px;}
    登入後複製

    li 的 父ul 定义个

    margin-left:-你的px值
    登入後複製
    登入後複製


    记得 ul clearfix

    li 的 父ul 定义个

    margin-left:-你的px值
    登入後複製
    登入後複製


    记得 ul clearfix



    谢谢,忘了ul的作用了,不过ul clearfix 这个以前没写过,我再看一下。

    虽然我已经不再迁就ie6了。但是还想问一下ul{margin-left:-6px;} ie6是不是不支持负值,怎么去支持ie6

  • 的margin-left 设为0px; 
      的margin-left 或者pading0left 设为你想要设的值不就行了么!

    • 的margin-left 设为0px; 
        的margin-left 或者pading0left 设为你想要设的值不就行了么!
        哪li之间的间隔往哪儿找去
  • 本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

    熱AI工具

    Undresser.AI Undress

    Undresser.AI Undress

    人工智慧驅動的應用程序,用於創建逼真的裸體照片

    AI Clothes Remover

    AI Clothes Remover

    用於從照片中去除衣服的線上人工智慧工具。

    Undress AI Tool

    Undress AI Tool

    免費脫衣圖片

    Clothoff.io

    Clothoff.io

    AI脫衣器

    Video Face Swap

    Video Face Swap

    使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

    熱工具

    記事本++7.3.1

    記事本++7.3.1

    好用且免費的程式碼編輯器

    SublimeText3漢化版

    SublimeText3漢化版

    中文版,非常好用

    禪工作室 13.0.1

    禪工作室 13.0.1

    強大的PHP整合開發環境

    Dreamweaver CS6

    Dreamweaver CS6

    視覺化網頁開發工具

    SublimeText3 Mac版

    SublimeText3 Mac版

    神級程式碼編輯軟體(SublimeText3)

    HTML、CSS和jQuery:製作一個有浮動效果的按鈕 HTML、CSS和jQuery:製作一個有浮動效果的按鈕 Oct 24, 2023 pm 12:09 PM

    HTML、CSS和jQuery:製作一個帶有浮動效果的按鈕,需要具體程式碼範例引言:如今,網頁設計已成為一種藝術形式,透過使用HTML、CSS和JavaScript等技術,我們能夠為頁面增加各種各樣的特效和互動效果。本文將簡要介紹如何用HTML、CSS和jQuery製作一個帶有浮動效果的按鈕,並提供具體的程式碼範例。一、HTML結構首先,我們需要在HTML檔中

    清除浮動有什麼方法 清除浮動有什麼方法 Feb 22, 2024 pm 04:00 PM

    清除浮動有什麼方法,需要具體程式碼範例在網頁佈局中,浮動是一種常用的佈局方法,可以讓元素脫離文件流,並相對其他元素進行定位。然而,使用浮動佈局時常常會遇到一個問題,就是父元素無法正確地包裹浮動元素,導致頁面產生佈局錯亂的情況。所以,我們需要採取措施來清除浮動,使得父元素能夠正確地包裹浮動元素。清除浮動的方法有多種,以下將介紹常用的幾種方法,並給出具體的程式碼範例

    php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 Jun 13, 2016 am 10:23 AM

    php提交表单通过后,弹出的对话框怎样在当前页弹出php提交表单通过后,弹出的对话框怎样在当前页弹出而不是在空白页弹出?想实现这样的效果:而不是空白页弹出:------解决方案--------------------如果你的验证用PHP在后端,那么就用Ajax;仅供参考:HTML code

    win7系統如何同時播放多個聲音 win7系統如何同時播放多個聲音 Jul 02, 2023 pm 08:41 PM

    win7系統如何同時播放多個聲音?今天和大家一起來分享電腦同時播放多種聲音的操作方法,例如我們在聽音樂的同時,想要更快好友發送過來的短視頻分享,那麼怎麼讓它們的聲音都可以同時播放出來呢?來看看下面小編帶來的win7系統同時播放多個聲音指南吧! win7系統同時播放多個聲音指南1、在桌面右鍵點擊右下角的音量圖標,選擇播放設備,如下圖所示:  2、在打開的界面中,右鍵點擊揚聲器,選擇屬性,如下圖所示:  3 、在開啟的揚聲器屬性視窗中,切換到進階設定介面,隨後取消勾選允許應用程式獨佔控制該設備,點擊

    成為Go語言高手:學習路徑與實戰經驗分享 成為Go語言高手:學習路徑與實戰經驗分享 Mar 04, 2024 am 10:12 AM

    成為Go語言高手:學習路徑與實戰經驗分享Go語言自誕生以來就備受開發者青睞,其簡潔、高效、並發性能突出的特點,使得越來越多的開發者加入了Go語言的學習和應用行列。本文將分享一條成為Go語言高手的學習路徑,同時結合實戰經驗,提供一些程式碼範例供大家參考。學習路徑1.學習基礎知識無論學習任何一門語言,首先要掌握的就是基礎知識。 Go語言的基礎知識主要包括資料型態、

    HTML佈局技巧:如何使用position屬性進行浮動元素控制 HTML佈局技巧:如何使用position屬性進行浮動元素控制 Oct 21, 2023 am 09:22 AM

    HTML版面技巧:如何使用position屬性進行浮動元素控制在網頁設計中,佈局是非常重要的一環。透過合理的版面可以讓網頁更加美觀易讀,提升使用者體驗。而在實作佈局過程中,浮動元素的控制是其中一個關鍵點。 HTML提供了position屬性,透過這個屬性我們可以實現對浮動元素的控制。本文將介紹如何使用position屬性進行浮動元素的佈局,並提供一些具體的程式碼

    请教怎么修改url某一参数的参数值呢?是要拆开了再拼回去吗 请教怎么修改url某一参数的参数值呢?是要拆开了再拼回去吗 Jun 13, 2016 am 10:24 AM

    请问如何修改url某一参数的参数值呢?是要拆开了再拼回去吗?那么请问如何修改url某一参数的参数值呢?是要拆开了再拼回去吗?http://127.0.0.1/myo/newuser.php?mod=search&type=fastone比如现在我要修改mod=new要怎么做呢?------解决方案--------------------发送了请求

    CSS 圖片屬性指南:outline 和 display CSS 圖片屬性指南:outline 和 display Oct 25, 2023 am 08:57 AM

    CSS圖片屬性指南:outline和displayCSS是前端開發中不可或缺的一部分,其中圖片屬性也是不可或缺的。在這篇文章中,我們將重點介紹兩個關於圖像屬性的重要概念:outline和display。本文將詳細說明它們的定義、用法以及具體的程式碼範例。 outline屬性概述:outline屬性用於在元素周圍建立一個輪廓線,不佔據佈局空間。它是

    See all articles