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

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

WBOY
Lepaskan: 2016-06-24 12:03:30
asal
1220 orang telah melayarinya


父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;}
    Salin selepas log masuk

    li 的 父ul 定义个

    margin-left:-你的px值
    Salin selepas log masuk
    Salin selepas log masuk


    记得 ul clearfix

    li 的 父ul 定义个

    margin-left:-你的px值
    Salin selepas log masuk
    Salin selepas log masuk


    记得 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之间的间隔往哪儿找去
  • Label berkaitan:
    sumber:php.cn
    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Tutorial Popular
    Lagi>
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan