当前位置：首页 → 问答吧 → 如何让ie6,7兼容vertical-align:bottom

如何让ie6,7兼容vertical-align:bottom

时间：2011-08-01

来源：互联网

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>阶梯型文字</title> <style type="text/css"> *{margin:0;padding:0;} body{font:12px/1.5 "宋体",arial;} .f28{font-size:28px;} .f22{font-size:22px;} .f18{font-size:18px;} .f14{font-size:14px;} .lwm_jieti{height:100px;display:table;border:1px solid green;line-height:1.1;} .lwm_jieti span{display:table-cell;vertical-align:bottom;padding:0 4px;border:1px solid red;} </style> </head> <body> <div class="lwm_jieti"><span class="f28">好大的蚊子</span><span class="f22">大蚊子</span><span class="f18">二蚊子</span><span class="f14">小蚊子</span></div> </body> </html>
提示：您可以先修改部分代码再运行

想想通过模拟表格来实现阶梯型的文字，结果ie6,7是不鸟的，怎么办？

作者: xmlovedoudou 发布时间: 2011-08-01

同问，希望高手解答，莫要沉了啊

作者: kesin 发布时间: 2011-08-01