在实际的网页布局过程中,某些特殊情况下需要将span 标签设置为固定宽度,如何实现呢?方法如下。
一、形如<span>abc</span>独立行设置span为固定宽度方法:
验证结果:ie6 ok, firefox 3 ok。
一、形如<span>abc</span>def格式行设置span为固定宽度的方法如下:
验证结果:ie6 ok, firefox 3 ok。
二、形如abc<span>def</span>gh格式行设置span为固定宽度的方法如下:
验证结果:ie6 ok, firefox 3 ok。
提示: 完美兼容就是把display属性设为inline-block,同时也可兼容前两种情况。
补充:
1、如何让<li>aaa<span>bbb</span></li>里头的bbb靠右对齐且不换行?
答:如果对span使用float属性,总是导致span换到下一行。可以采用下面方法实现同行且居右对齐。
即可实现。