如題？情況1.? ? <div style="width:300px;height:100px;">????????<div style="width:200px;height:30px;float:left;font-size:20px;">文字1</div>????????<div style="width:200px;height:80px;float:left;font-size:50px;">文字2</div>? ? </div>情況2?<div style="width:1440px;" class="clearfix"><!--清除浮動了-->????????<div style="width:200px;height:30px;float:left;font-size:20px;">文字1</div>????????<div style="width:200px;height:80px;float:right;font-size:50px;">文字2</div>? ? </div>情況3如何在情況2中，并且不知道div的height的值的時候讓文字底部對齊，不能改變文字大小。說明：做標(biāo)題和面包屑導(dǎo)航時候遇到的，列表頁標(biāo)題在左側(cè)，面包屑導(dǎo)航在右側(cè)。如何讓他們的文字都在一條基線上。
1 回答
已采納
OlderSkee
TA貢獻(xiàn)123條經(jīng)驗 獲得超103個贊
<div style="width:1440px; ?vertical-align: baseline" class="clearfix"><!--清除浮動了-->
? ?<div style="width:200px;height:30px;float:left;font-size:20px; line-height: 80px">文字1</div>
? ?<div style="width:200px;height:80px;float:right;font-size:50px; background:red;">文字2</div>
</div>
這樣的可行？
-
咕咕問<table style=" width: 100%; "> <tbody><tr style=" vertical-align: bottom; "> <td style="text-align:left;width: 30%;">標(biāo)題1</td> <td style="text-align:right;width: 70%;font-size: 50px;">標(biāo)題2</td> </tr> </tbody></table>
添加回答
舉報
0/150
提交
取消