Home Sign Up Sign In
nikoo
V2EX  ›  问与答

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

  •   
  •   nikoo · Feb 27, 2019 · 1463 views
    This topic created in 2662 days ago, the information mentioned may be changed or developed.
    目前用 table 的实现例子： https://jsfiddle.net/xh803rft/

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

    这个是否可以用 DIV+CSS 来实现？
  • div
  • CSS
  • table
  • 宽度
    5 replies  •  2019-02-27 11:04:23 +08:00
    0myun
        1
    0myun  
       Feb 27, 2019
    还得加个 js
    learnshare
        2
    learnshare  
       Feb 27, 2019   ❤️ 1
    https://jsfiddle.net/e0rzqpbx/
    flex 比较合适，左侧填充剩余宽度
    nikoo
        3
    nikoo  
    OP
       Feb 27, 2019
    @learnshare 谢谢！非常优雅的实现！请问如果考虑浏览器兼容性问题，生产环境用 table 还是 flex 比较合适？
    chztv
        4
    chztv  
       Feb 27, 2019   ❤️ 1
    @nikoo 看你终端具体的浏览器兼容性，比如终端是手机，flex 没有大的兼容性问题。电脑上的话 IE10 以下的不兼容 flex，其他主流浏览器都没有问题。
    learnshare
        5
    learnshare  
       Feb 27, 2019
    @nikoo @chztv 是的，取决于你的目标群体
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2764 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 01:42 · PVG 09:42 · LAX 18:42 · JFK 21:42
    ♥ Do have faith in what you're doing.