CSS - layout-flow的使用注意 (其实就是字体注意)

需要注意选择字体。英文字体会令字母横向摆放,所以如果像这样定义了:

#div-a{
   font-family:verdana;
   layout-flow:vertical-ideographic;
}


div-a君里面的中文字就会通通睡倒 -_-
CSS2手册里面说的是:
layout-flow : horizontal | vertical-ideographic
参数:
horizontal :  对象中的内容自左边流入。下一行在前一行下面。这个值适于拉丁语系
vertical-ideographic :  对象中的内容自上而下流入,下一行在前一行左面。这个值适于亚洲语系


所以要写这样:
#div-a{
   font-family: verdana, 宋体;
   layout-flow:vertical-ideographic;
}


还有,需要把英文字体写在前面以使拉丁字符能显示相应字体。不过tahoma例外,貌似用这种字体的时候,汉字也会被认成是拉丁字符而睡倒。可能还有别的字体也会这样,不过常用的arial、verdana、times new roman和tahoma里面只有tahoma。


麻烦的ie私有属性 =..=



------tahoma和有点烦的IE分割线-----------

我是div1。

我是div2。


以上的代码:
<div id="div1" style="font-size:16px; font-family:tahoma,隶书;margin-bottom:15px;">我是div1。</div>
<div id="div2" style="font-size:16px; font-family:隶书,tahoma;">我是div2。</div>


注意中文字的样式。当tahoma优先时,在Internet Explorer里面会令中文字体都用浏览器默认的字体(一般宋体)。
不过fx没事,大概应该非微软家的浏览器都没事。

这个tahoma貌似是windows的标准字体,可能和这个特殊地位有关吧orz
有空再去查英文资料……现在在公司只能用公用机上网+无法发blog发贴之类,超……烦…… ||||OTL
芹菜 | 06/04/27 10:40 | 工作/牢骚(?) - 网页标准 | trackback | comment
  • 提示: 验证码的重复是正常现象, 无需理会。
  • 昵称: 修改用密码: 私密回复?
  • 主页:
  • 留言:
  • 验证:
  • 提交

1 | ... 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | ... 197 |

<<prev next>>