如图中显示,想让绿色背景框内的“活动须知”文字,在A区的框中垂直居中坚排显示。但是高度末知,他的高谟,是根据B区的文字高度来动态变化的。
DIV 代码如下,请问用CSS怎么实现。
<div class="info">
<div class="info-left-title">
活动须知
</div>
<div class="info-right-content">
1.自愿参加本次活动,并完全理解和认同活动计划 <br />2.完全民事行为能力人,非完全民事行为能力人必须有监护人陪同 <br />3.身体
健康,无不适合参与户外活动的疾病,具备参与本次活动的体能要求 <br />4.领队有挑选队员的权利,并不做任何解释;安全第一,领队有权跟据天气,队员情况改变路线。 <br />5:除了照片什么都不要带走,除了脚印什么都不要留下。 <br />6: 爬野山时严禁吸烟,否则后果自负. <br />7.有任何疑问或意见的请跟贴提出。 <br />8.请在报名系统报名,并请留下电话。
</div>
</div>
<script type="芹虚拍text/javascript">
window.onload=function(){
document.getElementById("info-left-title").style.height=document.getElementById("info-right-content").clientHeight+'px';
};
</誉正script>
<style type="text/嫌羡css">
#info-left-title
{
border:1px solid red;
width:20px;
float:left;
}
#info-right-content
{
width:200px;
border:1px solid red;
}
</style>
加了一段js,"info-left-title"和"info-right-content"我把class改成id了
好像没见过你这种写法~~~~
坐等高手
js的方法应该可以
line-height:100%;
padding-bottom:1000000px;
margin-bottom:-1000000px;
加在 .info-left-title 里姿亏面迹毁神,试余扒试看~
你是想 垂直居中 还是 ,百分之百撑开A 啊
外面大的DIVinfo有宽高吗?