目录
回复讨论(解决方案)
首页 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脱衣机

    AI Hentai Generator

    AI Hentai Generator

    免费生成ai无尽的。

    热门文章

    R.E.P.O.能量晶体解释及其做什么(黄色晶体)
    3 周前 By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O.最佳图形设置
    3 周前 By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O.如果您听不到任何人,如何修复音频
    3 周前 By 尊渡假赌尊渡假赌尊渡假赌
    WWE 2K25:如何解锁Myrise中的所有内容
    4 周前 By 尊渡假赌尊渡假赌尊渡假赌

    热工具

    记事本++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文件中

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

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

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

    清除浮动有什么方法,需要具体代码示例在网页布局中,浮动是一种常用的布局方法,可以让元素脱离文档流,并相对其他元素进行定位。然而,使用浮动布局时常常会遇到一个问题,就是父元素无法正确地包裹浮动元素,导致页面产生布局错乱的情况。所以,我们需要采取措施来清除浮动,使得父元素能够正确地包裹浮动元素。清除浮动的方法有多种,下面将介绍常用的几种方法,并给出具体的代码示例

    成为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属性进行浮动元素的布局,并提供一些具体的代码

    win7系统如何同时播放多个声音 win7系统如何同时播放多个声音 Jul 02, 2023 pm 08:41 PM

    win7系统如何同时播放多个声音?今天和大家一起来分享电脑同时播放多种声音的操作方法,比如我们在听音乐的同时,想要更快好友发送过来的短视频分享,那么怎么让它们的声音都可以同时播放出来呢?来看看下面小编带来的win7系统同时播放多个声音指南吧!win7系统同时播放多个声音指南  1、在桌面右键点击右下角的音量图标,选择播放设备,如下图所示:  2、在打开的界面中,右键点击扬声器,选择属性,如下图所示:  3、在打开的扬声器属性窗口中,切换到高级设置界面,随后取消勾选允许应用程序独占控制该设备,点击

    使用C中的fork()函数创建多个进程 使用C中的fork()函数创建多个进程 Sep 08, 2023 pm 06:17 PM

    在这个部分中,我们将看到如何使用fork()在C语言中创建子进程。我们还会在每个进程中执行一些不同的任务。所以在我们的父进程中,我们将打印不同的值。当调用fork()时,它会返回一个值。如果这个值大于0,那么当前就在父进程中,否则就在子进程中。所以我们可以通过这个来区分进程。示例代码#include<stdio.h>#include<unistd.h>intmain(){  intn=fork();//subdivideprocess&

    CSS 图像属性指南:outline 和 display CSS 图像属性指南:outline 和 display Oct 25, 2023 am 08:57 AM

    CSS图像属性指南:outline和displayCSS是前端开发中不可或缺的一部分,其中图像属性也是必不可少的。在这篇文章中,我们将重点介绍两个关于图像属性的重要概念:outline和display。本文将详细说明它们的定义、用法以及具体的代码示例。outline属性概述:outline属性用于在元素周围创建一个轮廓线,不占据布局空间。它是

    See all articles