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