两个并列div高度相同的问题

ardor2011 2013-05-15 09:53:02



<div class="user_content">

<ul>

<li >

    <div class="cer_one">名称</div>

    <div class="cer_two" id="namediv"><s:property value="user.userName"/></div>

    <div class="cer_one">简称</div>

    <div class="cer_two" id="chgdiv"><s:property value="user.shortName"/></div>

</li>

<li >

    <div class="cer_one">年龄</div>

    <div class="cer_two"><s:property value="user.age"/></div>

    <div class="cer_one">学号</div>

    <div class="cer_two" id="chgdiv"><s:property value="user.iden"/></div>

</li>

<li>

......

</li>

</ul>

</div



.user_content li{border-bottom : 1px #ccc solid;border-left : 1px #ccc solid;border-right : 1px #ccc solid;}

.cer_one{ width:121px; text-align:right; margin:0px; padding-left:20px; line-height:34px;}

.cer_two{ width:241px; text-align:left; margin:0px; padding-left:6px;line-height:34px;border-left: 1px #ccc solid;}

简单点就是这样现在的问题是
在名称中它的值(就是id=namediv)如果长度过长的时候那这个div就被撑高（因为长度设死了）本来是表格一样的样式就成了简称那个地方的div左边框没有namediv的长只有一半
所以怎样做到简称那个div随旁边namediv撑大也撑大然后就设置了左边框就和表格的表框一样
了

不知道我的表述有没有问题
请高手指定

...全文

298 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

lmx520_2007 2013-05-27

打赏
举报

这不是C#代码吧

kinghome 2013-05-15

打赏
举报


   ul{padding:0; margin:0;display:table;}
   ul li{ display:table-row;border-style:solid;border-color:#ccc;border-width:0 1px 1px 1px;}
   ul li:first-child{border-top-width:1px;}
   ul li div{ display:table-cell; line-height:34px}

kinghome 2013-05-15