跨浏览器的元素的竖直排列

之前在 CSS汉字竖写(column)里谈过使用css3的多栏布局实现文字竖写,而对于ie而言,其本身支持了不少文字排版的属性,比如writing-mode、direction、layout-flow等,可以实现文字的竖排,再结合inline-block我们也可以实现块级元素的竖排。 首先先实现跨浏览器的元素竖排: 方案:
  • firefox chrome safari使用 column实现;
  • ie6 ie7 ie8 使用writing-mode以及其私有的滤镜实现;
这里推荐两篇介绍ie系列的文字属性及兼容的文章:
CSS 兼容性和 Internet Explorer -ms-writing-mode Attribute | writingMode Property 蓝色理想关于文字竖排的讨论 The CSS Corner: writing-mode
writing-mode和layout-flow都能实现文字从右向左,从上到下的排版,而且相对于整个元素的90度旋转方法而言,这两个属性只针对元素内部的子元素排版,不会造成因为旋转宽高定义混乱、对外布局不好把握等现象。不过ie6不支持tb-lr的writing-mode值,而只支持tb-rl和lr-tb,这就像古人的竖写方式从上往下和从右往左。 ie6 ie7 ie8对writing-mode的支持情况: http://msdn.microsoft.com/en-us/library/ms531187.aspx 各个值的具体表征: writing-mode 总结如下:
/*writing-mode: lr-tb;*/ /*ie6 ie7 ie8*/ /*writing-mode: tb-rl;*/ /*ie6 ie7 ie8*/ /*writing-mode: rl-tb;*/ /*ie7 ie8*/ /*writing-mode: bt-rl;*/ /*ie7 ie8*/ /*writing-mode: tb-lr;*/ /*ie8*/ /*writing-mode: bt-lr;*/ /*ie8*/ /*writing-mode: lr-bt;*/ /*ie8*/ /*writing-mode: rl-bt;*/ /*ie8*/
为解决这个问题,这里使用ie的翻转滤镜来解决,父元素翻转一次,子元素也得再翻转回来,而翻转之后的宽高和对外布局不影响。 以下使用了inline-block的display值,ie6和7使用*display:inline; *zoom:1;触发hasLayout来模拟实现。 代码如下(ie下浏览):
1
2
3
4
5
6
7
8
9
10
11
12

转载于:https://www.cnblogs.com/defims/archive/2011/06/20/2946701.html

内容概要:本文深入探讨了金属氢化物(MH)储氢系统在燃料电池汽车中的应用,通过建立吸收/释放氢气的动态模型和热交换模型,结合实验测试分析了不同反应条件下的性能表现。研究表明,低温环境有利于氢气吸收,高温则促进氢气释放;提高氢气流速和降低储氢材料体积分数能提升系统效率。论文还详细介绍了换热系统结构、动态性能数学模型、吸放氢特性仿真分析、热交换系统优化设计、系统控制策略优化以及工程验证与误差分析。此外,通过三维动态建模、换热结构对比分析、系统级性能优化等手段,进一步验证了金属氢化物储氢系统的关键性能特征,并提出了具体的优化设计方案。 适用人群:从事氢能技术研发的科研人员、工程师及相关领域的研究生。 使用场景及目标:①为储氢罐热管理设计提供理论依据;②推动车载储氢技术的发展;③为金属氢化物储氢系统的工程应用提供量化依据;④优化储氢系统的操作参数和结构设计。 其他说明:该研究不仅通过建模仿真全面验证了论文实验结论,还提出了具体的操作参数优化建议,如吸氢阶段维持25-30°C,氢气流速0.012g/s;放氢阶段快速升温至70-75°C,水速18-20g/min。同时,文章还强调了安全考虑,如最高工作压力限制在5bar以下,温度传感器冗余设计等。未来的研究方向包括多尺度建模、新型换热结构和智能控制等方面。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值