V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
nikoo
V2EX  ›  问与答

这个样式如何用 DIV+CSS 实现?

  •  
  •   nikoo · 2019-02-27 10:20:46 +08:00 · 1050 次点击
    这是一个创建于 1897 天前的主题,其中的信息可能已经有所发展或是发生改变。
    目前用 table 的实现例子: https://jsfiddle.net/xh803rft/

    右侧的 button 按钮是不定长的
    左右拉动窗口,.ipt input 可动态自适应窗口宽度
    可将 table 改为 width: 50%; 仍可自适应宽度

    这个是否可以用 DIV+CSS 来实现?
    5 条回复    2019-02-27 11:04:23 +08:00
    0myun
        1
    0myun  
       2019-02-27 10:32:17 +08:00
    还得加个 js
    learnshare
        2
    learnshare  
       2019-02-27 10:35:07 +08:00   ❤️ 1
    https://jsfiddle.net/e0rzqpbx/
    flex 比较合适,左侧填充剩余宽度
    nikoo
        3
    nikoo  
    OP
       2019-02-27 10:46:49 +08:00
    @learnshare 谢谢!非常优雅的实现!请问如果考虑浏览器兼容性问题,生产环境用 table 还是 flex 比较合适?
    chztv
        4
    chztv  
       2019-02-27 10:56:06 +08:00   ❤️ 1
    @nikoo 看你终端具体的浏览器兼容性,比如终端是手机,flex 没有大的兼容性问题。电脑上的话 IE10 以下的不兼容 flex,其他主流浏览器都没有问题。
    learnshare
        5
    learnshare  
       2019-02-27 11:04:23 +08:00
    @nikoo @chztv 是的,取决于你的目标群体
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   4501 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 10:15 · PVG 18:15 · LAX 03:15 · JFK 06:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.