帮助根据内容动态填充父容器空间

时间:2011-09-10 17:22:53

标签: javascript html css

选中此jsFiddle

我希望数字占据jsFiddle中的所有蓝色空间。数字可以改变,所以我不认为这可以在CSS中解决。 “天”值可以是3位或4位数,所以当天数从2到3位变化时,我需要重新计算边距等以填充容器(蓝色方框)。通过填写父母,我的意思是数字的左侧或右侧不应该有任何空白区域。

解决此问题的最佳方法是什么?

2 个答案:

答案 0 :(得分:0)

如果您不介意依靠javascript,那么FitJS可能对您有帮助,它是一个jquery插件,可以将文本大小调整到容器的宽度。虽然你可能需要稍微调整一下html。

答案 1 :(得分:0)

您可以尝试将text-align:justifydisplay: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的块。