如題？情況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"><!--清除浮動(dòng)了-->????????<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的值的時(shí)候讓文字底部對(duì)齊，不能改變文字大小。說(shuō)明：做標(biāo)題和面包屑導(dǎo)航時(shí)候遇到的，列表頁(yè)標(biāo)題在左側(cè)，面包屑導(dǎo)航在右側(cè)。如何讓他們的文字都在一條基線(xiàn)上。
1 回答
已采納
OlderSkee
TA貢獻(xiàn)123條經(jīng)驗(yàn) 獲得超103個(gè)贊
<div style="width:1440px; ?vertical-align: baseline" class="clearfix"><!--清除浮動(dòng)了-->
? ?<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>
這樣的可行？
-
咕咕問(wèn)<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>
添加回答
舉報(bào)
0/150
提交
取消