- 主题:有没有什么CSS样式可以让float left的DIV自动适应宽度
我要做的是若干DIV float:left,想让最后一个自动填满剩余的宽度。比如如下代码:
<DIV>
<DIV style='float:left'>A</DIV>
<DIV style='float:left'>B</DIV>
<DIV style='float:left'>C</DIV>
<DIV style='float:left'>END</DIV>
</DIV>
A,B,C排在左边,让END把这一行剩余的宽度都充满。
纯用CSS怎么实现?
--
FROM 166.111.34.*
<DIV style="border:1px solid red; overflow:hidden;zoom:1;">
<DIV style='float:left; background:yellow;'>AAAAA</DIV>
<DIV style='float:left; background:greenyellow;'>BBBBB</DIV>
<DIV style='float:left; background:blue;'>CCCCC</DIV>
<DIV style='float:left; background:gold;'>DDDDD</DIV>
<DIV style='background:red; _float:left;'><div style="_width:100%;">EEEEE</div></DIV>
</DIV>
试试这段吧。
【 在 dukenuke (回车) 的大作中提到: 】
: 我要做的是若干DIV float:left,想让最后一个自动填满剩余的宽度。比如如下代码:
: <DIV>
: <DIV style='float:left'>A</DIV>
: ...................
--
修改:shaolin FROM 211.100.227.*
FROM 211.100.227.*
【 在 shaolin (叶孤城|漫漫当爹路) 的大作中提到: 】
: 标 题: Re: 有没有什么CSS样式可以让float left的DIV自动适应宽度
: 发信站: 水木社区 (Tue Apr 20 17:10:28 2010), 站内
:
: <DIV style="border:1px solid red; overflow:hidden;zoom:1;">
: <DIV style='float:left; background:yellow;'>AAAAA</DIV>
: <DIV style='float:left; background:greenyellow;'>BBBBB</DIV>
: <DIV style='float:left; background:blue;'>CCCCC</DIV>
: <DIV style='float:left; background:gold;'>DDDDD</DIV>
: <DIV style='float:lesft; background:red; _float:left;'><div style="_width:100%;">EEEEE</div></DIV>
~~~lesft?
: </DIV>
:
: 试试这段吧。
:
: 【 在 dukenuke (回车) 的大作中提到: 】
: : 我要做的是若干DIV float:left,想让最后一个自动填满剩余的宽度。比如如下代码:
: : <DIV>
: : <DIV style='float:left'>A</DIV>
: : ...................
:
: --
:
: ※ 来源:·水木社区 newsmth.net·[FROM: 211.100.227.*]
--
FROM 118.67.127.*
忘了删。。测试的时候为了方便修改,随便加一个字母忽略那个css规则。。
【 在 elf (精灵 | bbs.rains.cn 小雨如丝BBS) 的大作中提到: 】
: 标 题: Re: 有没有什么CSS样式可以让float left的DIV自动适应宽度
: 发信站: 水木社区 (Tue Apr 20 17:13:28 2010), 站内
:
:
: 【 在 shaolin (叶孤城|漫漫当爹路) 的大作中提到: 】
: : 标 题: Re: 有没有什么CSS样式可以让float left的DIV自动适应宽度
: : 发信站: 水木社区 (Tue Apr 20 17:10:28 2010), 站内
: :
: : <DIV style="border:1px solid red; overflow:hidden;zoom:1;">
: : <DIV style='float:left; background:yellow;'>AAAAA</DIV>
: : <DIV style='float:left; background:greenyellow;'>BBBBB</DIV>
: : <DIV style='float:left; background:blue;'>CCCCC</DIV>
: : <DIV style='float:left; background:gold;'>DDDDD</DIV>
: : <DIV style='float:lesft; background:red; _float:left;'><div style="_width:100%;">EEEEE</div></DIV>
: ~~~lesft?
: : </DIV>
: :
: : 试试这段吧。
: :
: : 【 在 dukenuke (回车) 的大作中提到: 】
: : : 我要做的是若干DIV float:left,想让最后一个自动填满剩余的宽度。比如如下代码:
: : : <DIV>
: : : <DIV style='float:left'>A</DIV>
: : : ...................
: :
: : --
: :
: : ※ 来源:·水木社区 newsmth.net·[FROM: 211.100.227.*]
:
:
: --
: /__/__/__/\ ╱╲ \●/ ‥`‥__`˙· .·:... ●≈ _ /____/____/ \/
: /__/__/__/\/\ ╲╱╲ ■ · . ` .`. /__/\ … ﹕`·`╰▲ / / /\ /\
: /__/__/__/\/\/\ ╱╲╱ /\ `¨ ·. \__\/ ∵ · ‖ /____/____/ \/
: \__\__\__\/\/\/ ╲╱╲ 欢迎光临 : ` …∴‥ \ \ \ /\
: \__\__\__\/\/ ╲╱╲╱╲ ═══════════════ \____\/ \/
: \__\__\__\/ ╱╲╱╲╱ 魔 幻 方 块 Cube 版 \ \ /
:
:
: ※ 来源:·水木社区 newsmth.net·[FROM: 118.67.127.*]
--
FROM 211.100.227.*
学到了...:)
【 在 shaolin (叶孤城|漫漫当爹路) 的大作中提到: 】
: 忘了删。。测试的时候为了方便修改,随便加一个字母忽略那个css规则。。
--
FROM 118.67.127.*
你这个明显不行啊 - -
【 在 shaolin (叶孤城|漫漫当爹路) 的大作中提到: 】
: <DIV style="border:1px solid red; overflow:hidden;zoom:1;">
: <DIV style='float:left; background:yellow;'>AAAAA</DIV>
: <DIV style='float:left; background:greenyellow;'>BBBBB</DIV>
: <DIV style='float:left; background:blue;'>CCCCC</DIV>
: <DIV style='float:left; background:gold;'>DDDDD</DIV>
: <DIV style='background:red; _float:left;'>
: <div style="_width:100%;">EEEEE</div>
<br />EEEEE
就看出来了……
第二行会顶头
: </DIV>
: </DIV>
: 试试这段吧。
--
FROM 125.33.196.3
。。他这个,估计不会换行,哈
感觉就一tab菜单吧。
【 在 withinsea (沐海~魔導奏器|歌の琴フォルテール) 的大作中提到: 】
: 你这个明显不行啊 - -
: <br />EEEEE
: 就看出来了……
: ...................
--
FROM 211.100.227.*
还是老老实实 table 吧 -.-
唉万恶的那啥啥……
【 在 shaolin (叶孤城|漫漫当爹路) 的大作中提到: 】
: 。。他这个,估计不会换行,哈
: 感觉就一tab菜单吧。
--
修改:withinsea FROM 125.33.196.3
FROM 125.33.196.3
恩,table能解决不少难题。。
【 在 withinsea (沐海~魔導奏器|歌の琴フォルテール) 的大作中提到: 】
: 还是老老实实 table 吧 -.-
: 唉万恶的那啥啥……
--
FROM 211.100.227.*
很久不用和那啥啥搏斗的得意的飘过
【 在 follow (スカーレツト!スカーレツト!) 的大作中提到: 】
: 正在和那啥啥搏斗的路过……
--
FROM 60.12.227.4