选中此jsFiddle
我希望数字占据jsFiddle中的所有蓝色空间。数字可以改变,所以我不认为这可以在CSS中解决。 “天”值可以是3位或4位数,所以当天数从2到3位变化时,我需要重新计算边距等以填充容器(蓝色方框)。通过填写父母,我的意思是数字的左侧或右侧不应该有任何空白区域。
解决此问题的最佳方法是什么?
答案 0 :(得分:0)
如果您不介意依靠javascript,那么FitJS可能对您有帮助,它是一个jquery插件,可以将文本大小调整到容器的宽度。虽然你可能需要稍微调整一下html。
答案 1 :(得分:0)
您可以尝试将text-align:justify
和display:inline-block
与帮助者一起使用,使他在前面的项目中进行辩护:http://jsfiddle.net/kizu/SedpW/22/embedded/result/
因此,使用不同的数字,它们看起来像:http://jsfiddle.net/kizu/SedpW/23/embedded/result/
如果您需要ie7-支持,请不要忘记在其中修复inline-block
添加条件评论
display:inline;
zoom:1;
到您想要修复inline-block
的块。