找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2471|回复: 6

[CSS] 一行显示N个DIV,如何让这些DIV自动宽度并且铺满整个行

[复制链接]
发表于 2016-7-26 11:57:24 | 显示全部楼层 |阅读模式
比如有个大DIV  宽度是100%  铺满整个页面

里面有N个小DIV  如何让这些DIV宽度相同 且铺满整个大DIV

场景是一个页面的横向导航     要自适应不同宽度页面的情况

谢谢
 楼主| 发表于 2016-7-26 11:57:56 | 显示全部楼层
目前是用table解决的  想改成div
回复 支持 反对

使用道具 举报

发表于 2016-7-30 18:24:53 来自手机 | 显示全部楼层
不设宽 设置高度就ok了 推荐你用ul
回复 支持 反对

使用道具 举报

发表于 2016-7-31 09:56:36 | 显示全部楼层
左浮动 宽度用百分比表示 如果不用百分比定义宽度的话 每个导航目录的宽度不一样就不好看了

<div style="width:100%;">
        <div style="width:10%;background:#ccc;float:left;">1</div>
        <div style="width:10%;background:#ccc;float:left;">2</div>
        <div style="width:10%;background:#ccc;float:left;">3</div>
        <div style="width:10%;background:#ccc;float:left;">4</div>
        <div style="width:10%;background:#ccc;float:left;">5</div>
        <div style="width:10%;background:#ccc;float:left;">6</div>
        <div style="width:10%;background:#ccc;float:left;">7</div>
        <div style="width:10%;background:#ccc;float:left;">8</div>
        <div style="width:10%;background:#ccc;float:left;">9</div>
        <div style="width:10%;background:#ccc;float:left;">10</div>
</div>
回复 支持 反对

使用道具 举报

发表于 2016-8-1 17:52:32 | 显示全部楼层
楼上的这个,楼主可以用的哦
回复 支持 反对

使用道具 举报

 楼主| 发表于 2021-10-10 19:29:16 | 显示全部楼层
谢谢。。。。。。。
回复 支持 反对

使用道具 举报

发表于 2021-10-10 21:50:38 | 显示全部楼层
无所谓 发表于 2021-10-10 19:29
谢谢。。。。。。。

隔的时间有点长
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备19000417号-2 )

GMT+8, 2021-11-29 11:20 , Processed in 0.056284 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表