Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Can';我把元素向右浮动,让它们具有相同的宽度吗?_Html_Css - Fatal编程技术网

Html Can';我把元素向右浮动,让它们具有相同的宽度吗?

Html Can';我把元素向右浮动,让它们具有相同的宽度吗?,html,css,Html,Css,嗨,我正在使用CSS包装文本,但不幸的是,由于某些原因,我无法将它们向右浮动,相反,它们彼此重叠。还有,我如何给他们一个固定的宽度,使他们将有相同的,并将正确对齐 在此处检查我的代码: 本期已上市。只需将位置:相对添加到 因为,您对每个span使用了position:absolute,没有任何relative父项,它们都是相对于身体定位的 只需将位置:相对添加到简单弧、反向弧和自动半径 更干净的代码是将一些id添加到中,然后使用#id li- HTML: <ul id="containe

嗨,我正在使用CSS包装文本,但不幸的是,由于某些原因,我无法将它们向右浮动,相反,它们彼此重叠。还有,我如何给他们一个固定的宽度,使他们将有相同的,并将正确对齐

在此处检查我的代码:


本期已上市。

只需将
位置:相对
添加到

  • 因为,您对每个
    span
    使用了
    position:absolute
    ,没有任何
    relative
    父项,它们都是相对于身体定位的

    只需将
    位置:相对
    添加到
    简单弧
    反向弧
    自动半径

    更干净的代码是将一些
    id
    添加到
    中,然后使用
    #id li
    -

    HTML:

    <ul id="container">
        <!-- Content -->
    </ul>
    
    #container li {
        position: relative
    }
    

    问题不清楚:似乎您希望将每个圆移到下一个圆上。无论如何,您已经为每个圆使用了
    绝对位置
    ,因此您可以使用
    左侧:每个
    li都有一些
    值。
    像


    试试这个,它会帮你的


    检查此代码:http://jsfiddle.net/g7C2v/3/

    复制http地址。这是仅链接的答案,请说明您更改了什么?只需应用位置相对,无需其他。
    <ul id="container">
        <!-- Content -->
    </ul>
    
    #container li {
        position: relative
    }
    
    #simple_arc { left: 0px; } 
    #reversed_arc { left: 50px; } 
    #auto_radius { left: 100px; }