javascript - 去除div重影的几条线
怪我咯
怪我咯 2017-04-11 09:08:10
[JavaScript讨论组]
.bodyCss{
    color: #00315f;
    font-size: 14px;
}
.btnonePadding{
    padding: 0px;
    background-color: white;
}
.detailtb{
    text-align: center;
    height: 84px;
    line-height: 84px;
}

.dhRight{
    text-align: center;
    padding-right: 10px;
    height: 55px;
    line-height: 60px;
    border:#cadaa9;
    /* color: #6b7e8a;  */
}

.projectName{
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #1d71b7;
    background-color: white;
}

.borderLeBs{
    border-left: 1px solid #d8d9dc;
}
.borderBtBs{
    border-bottom: 1px solid #d8d9dc;
}
.paddingLeft{
    padding-left: 10px;
    height: 55px;
    line-height: 60px;
    /* color: #6b7e8a; */
}
.shortIntroduce{
    height: 200px;
    line-height: 200px;
}

.tooLength {
  overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
#pro_title{
/* position:static;
display: block;
position: fixed;z-index:999; */
}
#tb_ctx{
    z-index: 2;
}
.proj_titile{
display:block;
float: left;
position: absolute;
 
background-color: white;
margin-top: 0px;
border-color: #cadaa9;

}
#pro-t1,#pro-t2,#pro-t3,#pro-t,#pro-t4{
    word-wrap:break-all;
    word-break:break-all;
     white-space:normal;
     line-height: 20px; 
     text-align: center;
     vertical-align:middle;
     align-items:center;
     max-height: 100%;
     border-color: #d8d9dc;
     clear:both;
}
#pro-t5,#pro-t6,#pro-t7,#pro-t8{
     border-color: #d8d9dc;
     clear:both;
}
/* tr td{border:1px solid #d8d9dc;clear:both;} */
#proDesc{border:1px solid #d8d9dc;clear:both;}
.dhRight borderBtBs{border:1px solid #d8d9dc;border-bottom-color: #d8d9dc;}
<body class="bodyCss">
    <p class="ca_bg clearfix full-container" style="padding-top:0px;">
        <jsp:include page="../../views/include/includeNav.jsp">
            <jsp:param name="nav" value="ALLSY"/>
        </jsp:include>
        
        <form action="/lgip/all/initial/index" id="queryForm" class="form-horizontal" method="post">
        <p class="container minBg ">
            <p class="col-xs-12 ft14" style="height: 26px;padding-top: 4px;padding-left: 30px;padding-right: 0px;z-index: 5;width: 975px;background: white;" >项目库&gt;项目信息对比</p>
            
            
            <p class="col-xs-12 " style="padding: 0px;">
            
            <table class="proj_titile" style="margin-left:0px;">
            <tr>
                <td style="border:1px solid #d8d9dc;">
                    <p class="col-xs-2 btnonePadding top-fix-container" style="width: 80px;margin-left: 0px;">
                            <p class="detailtb borderBtBs" style="height: 80px;"><img alt="对比" src="../../../resource/images/lgip/cmpbz.png"></p>
                            <p class='dhRight borderBtBs' style="height: 65px;">行业</p>
                            <p class='dhRight borderBtBs' style="height: 80px;">地区</p>
                            <p class='dhRight borderBtBs'>项目编号</p>
                            <p class='dhRight borderBtBs'>单位名称</p>
                            <p class='dhRight borderBtBs'>融资额度</p>
                            <p class='dhRight borderBtBs'>合作方式</p>
                            <p class='dhRight borderBtBs' style="height: 45px;">开始日期</p>
                            <p class='dhRight borderBtBs' style="height: 45px;">截止日期</p>
                            <p class='dhRight ' style="min-height: ${lengthx/11*20}px;">简介</p>
                    </p>
                </td>
            </tr>
                            
            </table>
            
            
            <p style="width:900px;white-space:nowrap;margin-left: 70px;">
            
            <table id="tb_ctx" style="margin-top: 0px;">
                <tbody>
                    <tr height="0px"><td></td></tr>
                    <tr valign="middle">
                        
                        
                        <c:if test="${not empty pagelist}">
                        
                            <c:choose>
                            <c:when test="${num > 0 }">
                                <c:forEach items="${pagelist}" var="item">
                                <td style="border:1px solid #d8d9dc;"> 
                                <p class="col-xs-4 borderLeBs btnonePadding" style="width: 180px;">
                                <p  style="height: 80px;border-bottom-color: #d8d9dc;" class="borderBtBs">
                                    <p id="pro-t" style="padding-top: 18px;" class="projectName paddingLeft tooLength" ><a  title="${item.proName}" href="/lgip/all/details/allocated?menuIcon=A&id=${item.id}">${item.proName}</a></p>
                                 
                                </p>
                            <p id="pro-t1" style="color: #1d71b7;height: 65px;padding-top: 18px;" class='paddingLeft borderBtBs'>${item.proType}</p>
                            <p id="pro-t2" style="color: #1d71b7;height: 80px;padding-top: 20px;" class='paddingLeft borderBtBs'>${item.proArea}</p>
                            <p  style="color: #1d71b7;border-bottom-color: #d8d9dc;" class='paddingLeft borderBtBs'>${item.proNo}</p>
                     

                            <p  id="pro-t3" class='paddingLeft borderBtBs' style="padding-top: 16px;" >${item.firmName}</p>
                            <p  class='paddingLeft borderBtBs' style="text-align: center;border-bottom-color: #d8d9dc;">${item.showAmount}&nbsp;
                            </p>
                            <p  id="pro-t4" class='paddingLeft borderBtBs' style="text-align: center;padding-top: 10px;">
                                ${item.cooperateName}
                     
                            </p>
                            <p  id="pro-t5" class='paddingLeft borderBtBs' style="text-align: center;height: 45px;">${item.showStartTime}</p>
                            <p id="pro-t6" class='paddingLeft borderBtBs' style="text-align: center;height: 45px;">${item.showEndTime}</p>
                            <p id="pro-t7" style="word-wrap:break-all;word-break:break-all; width: 179px;max-width: 180px;white-space:normal;line-height: 20px;text-align:left;padding-top: 10px;min-height: ${lengthx/11*20}px;" class='paddingLeft borderBtBs'>
                                ${item.proDesc}</p>
                        </p>
                                
                                </td>
                                </c:forEach>
                            </c:when>
                            <c:otherwise> </c:otherwise>
                            </c:choose>
                            </c:if>
                        
                    </tr>
                </tbody>
            </table>
            </p>
             
                
            </p>
            
        </p>      

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(5)
高洛峰

给table加上样式border-collapse:collapse

PHPz

中间的p只能左右边框只设置一个了。
不如给你的左侧栏设置左右边框。填数据的只设置右边框好了。。

伊谢尔伦

既然用了jsp,何不用table布局好了
如果是p的话,你只能设置一边的边框,不然会重合,或者,你可以用jquery把偶数项的左边框设为0px

高洛峰

最简单的方法,用outline替代border

天蓬老师

负border

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号