CSS,行内两个div宽度不固定,自适应布局.

问题:行内,两个div宽度都不固定,第一个撑开多少,剩下的第二个自适应补满。

方法1:

       

   

你试试计算的卡萨丁反馈 5566

方法2:

   

你试试计算的卡萨丁反馈

   

5566

坑点:纯数字会自然地撑开第一个的宽度,要是单词、汉字和空格会存在换行,撑不开宽度。

所以添加了属性  " white-space:nowrap;word-break:keep-all; ”。

你可能感兴趣的:(CSS,行内两个div宽度不固定,自适应布局.)