javascript - DIV模拟下拉框的最佳实践
PHP中文网
PHP中文网 2017-04-11 12:55:28
0
3
325

类似这种的下拉框,要做到最好的自适应考虑:

1、左侧文字4-8个不等;
2、右侧宽度130或260像素甚至自适应父元素达到父元素最宽;
应该使用什么样的html结构以及css布局方式。
(为了满足需求当然可以写长短多套组件)。需求第一。

麻烦至少说明结构以及主要CSS布局机制。

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复 (3)
小葫芦

一个 ul li结构,点击显示隐藏,为什么不用select标签呢?

    大家讲道理

    建议参考bootstrap下拉框的实现,有必要的话可以看看sass或者less源码

    简单的说就是ul li之后控制css

      伊谢尔伦

      你列的要求不难,比如自适应的话就不要给宽度,而是给padding值,关键是你的需求我还是有些不明确,因为这涉及到布局。你是想实现下拉效果还是完全模拟select,比如点击选中某一栏,下拉消失,并且需要在form表单里面进行使用。

        最新下载
        更多>
        网站特效
        网站源码
        网站素材
        前端模板
        关于我们 免责声明 Sitemap
        PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!