任何一种对齐方式都不能满足你的要求
个人估计，只能用js来动态排版，设定每块的坐标，我只想到这个方案是可行的。
px是像素单位，屏幕设备物理上能显示出的最小的一个点，这个点不是固定宽度的，不同设备上点的长宽、比例有可能会不同。PX可以在计算机屏幕上,能达到预期的效果,在打印机和其它的高分辨率设备上,它又能取得所希望的效果.pt是印刷业上常使用的单位,磅的意思.一般也用于页面打印排版.是一种固定长度的度量单位,是能够使用测量设备测得的长度.绝对单位作用有限,因为它们不能够缩放,通常只用在已经知道 是用在那种输出媒体的情况下才使用.
可以；px: 基于像素的单位。像素是一种有用的单位，因为在任何媒体上都可以保证一个像素的差别确实是可见的。
em : 一般用来测量长度的通用单位(例如元素周转的页边空白和填充)，当用于指定字体大小时，em单位是指父元素的字体大小。
比如
<div style="font-size:12px">
<span style="fontsize:2em">这里的字是24px</span>
</div>
如果使用em来指定填充，填充的宽度是相对于DIV元素的字体大小而定的。
pt: 印刷业上常使用的单位，磅的意思。一般也用于页面打印排版。
