排下div的底部

时间:2015-10-09 20:12:30

标签: html css

我有2个只有边框底部的div,中间有一个div,但是由于某种原因,中间div的底部不与2个div对齐。我该如何解决这个问题?

body {
        font-size: 0;
}
#line1 {
	border-bottom: 1px solid black;
	display: inline-block;
	width: 25%;
}
#line2 {
	border-bottom: 1px solid black;
	display: inline-block;
	width: 25%;
}
#box {
	font-size: 18px;
	border: 1px solid red;
	display: inline-block;
}
<div id = 'line1'></div>
<div id = "box"> box </div>
<div id = 'line2'></div>

3 个答案:

答案 0 :(得分:3)

试试这个

var b = new Bar(); b.foo();

答案 1 :(得分:1)

您可以使用此css样式属性:

/var/opt/

答案 2 :(得分:0)

用于样式使用:

system  ( "Report.exe", $app_env, $rpt_Dir, $eff_date );

为html添加第1行和第1行的空格LINE2

<style>
    body {
        font-size: 0;
    }
    #line1 {
        font-size: 18px;
        border-bottom: 1px solid black;
        display: inline-block;
        width: 25%;
    }
    #line2 {
        font-size: 18px;
        border-bottom: 1px solid black;
        display: inline-block;
        width: 25%;
    }
    #box {
        font-size: 18px;
        border: 1px solid red;
        display: inline-block;
    }
</style>