相同样式，同个浏览器，效果不一样求解～_html/css

首页

web前端

html教程

相同样式，同个浏览器，效果不一样求解～_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:09 PM

本地效果图如下图：

传至服务器效果图如下图：

图片可能有点大，请大家在新窗口看看图片～麻烦了

浏览器：火狐版本：3.6.28
这里出现2个区别。
第一个区别：
本地效果图中，除标题行，其余行都没有设置TD边框；而在服务器效果图中，却显示有的行有边框，有的行则没有。

对应代码：

<table id="bSortTable" width="2045" class="TableList"><tr id="tritem" style="background: #FFFFFF; border-bottom: 1px #cccccc solid;" onmouseover="selecty_sep(this)"                                            onmouseout="selectz_sep(this)" runat="server">                                            <td>                                                 <asp:CheckBox ID="z" runat="server" onclick="AddID_sel(this)" />                                                <asp:HiddenField ID="rep_hid_ID" runat="server" Value='<%# Eval("OrderID") %>' />                                                <asp:HiddenField ID="rep_hid_Name" runat="server" Value='<%# Eval("OrderCode") %>' />                                            </td>                                            <td align="center">                                                <a style=" color:Teal; font-weight:bold;" href="OrderView.aspx?orderid=<%# Eval("OrderID") %>"><%# Eval("OrderCode")%></a>                                            </td>                                            <td align="center">                                                <%# Eval("BeginStation")%>                                            </td>                                            <td align="center">                                                <%# Eval("ArriveStation")%>                                            </td>                                            <td align="center">                                                <%# DateTime.Parse(Eval("OrderDate").ToString()).ToShortDateString()%>                                            </td>                                            <td align="center">                                                <%# Eval("ShipperName")%>                                            </td>                                            <td align="center">                                                <%# Eval("ConsigneeName")%>                                            </td>                                            <td align="center">                                                <%# Eval("ConsignPhoneNum")%>                                            </td>                                            <td align="center">                                                <%# GetCargoDetail(Eval("OrderID").ToString())%>                                            </td>                                            <td align="center">                                                <%# Eval("Freight")%>                                            </td>                                            <td align="center">                                                <%# Eval("ReceiptCost")%>                                            </td>                                            <td align="center">                                                <%# Eval("DeliverCost")%>                                            </td>                                            <td align="center">                                                <%# Eval("Insurance")%>                                            </td>                                            <td align="center">                                                <%# Eval("OtherCost")%>                                            </td>                                            <td align="center">                                                <%# Eval("TotalCost")%>                                            </td>                                            <td align="center">                                                <%# Eval("PayMent")%>                                            </td>                                            <td align="center">                                                <%# Eval("CarrierName")%>                                            </td>                                            <td align="center">                                                <%#GetLoadingCarNum(Eval("OrderID").ToString(), Eval("LoadingCarNum").ToString(), Eval("State").ToString())%>                                                <%--<a href="javascript:void(0)" onclick="event.cancelBubble=true;OpenOrderLoadingInfo(event,'<%# Eval("OrderID") %>');"" title="订单装车详情">                                                    <%# Eval("LoadingCarNum")%></a>--%>                                            </td>                                            <td align="center">                                                <%#GetSendCarNum(Eval("OrderID").ToString(), Eval("SendCarNum").ToString(), Eval("State").ToString())%>                                                <%--<a href="javascript:void(0)" onclick="event.cancelBubble=true;OpenOrderSendInfo(event,'<%# Eval("OrderID") %>');"" title="订单发车详情">                                                    <%# Eval("SendCarNum")%></a>--%>                                            </td>                                            <td align="center">                                                <a href="javascript:void(0)" onclick="event.cancelBubble=true;OpenOrderState(event,'<%# Eval("OrderID") %>','<%# Eval("State") %>');"                                                    title="订单状态详情">                                                    <%# GetDesByState(Eval("State").ToString())%></a>                                            </td>                                            <td align="center">                                                <asp:Literal ID="btn_prev" runat="server"></asp:Literal>                                                <asp:Literal ID="btn_next" runat="server"></asp:Literal>                                                <asp:Literal ID="btn_sign" runat="server"></asp:Literal>                                                <asp:ImageButton ID="btn_signback" ToolTip="回单取消" ImageUrl="../../images/rep_signback.gif"                                                    CommandName="SignBack" CommandArgument='<%# Eval("OrderID") %>' runat="server" />                                            </td>                                        </tr>

/*  列表型表格样式  */.TableList{   border:1px #cccccc solid;   line-height:21px;   font-size:9pt;   border-collapse:collapse;   padding:3px;}.TableList td{   padding:3px;   height:26px;}/*  订单跟踪list专用  */.TableList td .tableDItim{   padding:3px;   border:1px teal solid;}.TableList .TableHeader td,.TableList td.TableHeader{   height:30px !important;   height:32px;   background:#E7F1FA;   border-bottom:1px #9cb269 solid;   border-right:1px #9cb269 solid;   font-weight:bold;   text-align:center;   color:#383838;   padding:0px;}/*  订单跟踪list专用  */.TableList .TableHeader .tableDHeader{   height:30px !important;   height:32px;   background:#E7F1FA;   border-bottom:0px #9cb269 solid;   border-right:0px #9cb269 solid;   font-weight:bold;   text-align:center;   color:#383838;   padding:0px;}

第二个区别：
本地效果图中，货物，包装，件数，重量，体积这5个列，是有table边框的；而在服务器效果图中，则没有。

相关代码：

/// <summary>        /// 获取货物详情        /// </summary>        /// <param name="orderid"></param>        /// <returns></returns>        public string GetCargoDetail(string orderid)        {            string des = "<table class=\"tableDItim\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">";            OrderBLL ob = new OrderBLL();            DataSet ds = ob.GetOrderDetailInfoByBID(orderid);            string detail = "";            foreach (DataRow row in ds.Tables[0].Rows)            {                detail += "<tr>";                detail += "<td style=\"width: 105px;\" align=\"center\">";                detail += row["CargoName"].ToString();                detail += "</td>";                detail += "<td style=\"width: 65px;\" align=\"center\">";                detail += row["CargoPackMent"].ToString();                detail += "</td>";                detail += "<td style=\"width: 75px;\" align=\"center\">";                detail += row["PackagesNum"].ToString();                detail += "</td>";                detail += "<td style=\"width: 75px;\" align=\"center\">";                detail += row["Weight"].ToString();                detail += "</td>";                detail += "<td style=\"width: 75px;\" align=\"center\">";                detail += row["Volume"].ToString();                detail += "</td>";                detail += "</tr>";            }            if (detail == "")            {                detail = "<tr><td style=\"width: 105px;\"></td><td style=\"width: 65px;\"></td><td style=\"width: 75px;\"></td><td style=\"width: 75px;\"></td><td style=\"width: 75px;\"></td></tr>";            }            des += detail;            des += "</table>";            return des;        }

另外还要说的一个是，虽然用火狐打开服务器上的项目时，不理想。但是用IE8打开服务器的，却和用火狐打开本地的，效果一样。

请样式高手帮忙看看，谢谢啦。

回复讨论(解决方案)

有没有设定bassurl,类似的我也碰到过一次。

看看哪个border-right的影响

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

HTML，CSS和JavaScript的未来：网络开发趋势Apr 19, 2025 am 12:02 AM

HTML的未来趋势是语义化和Web组件，CSS的未来趋势是CSS-in-JS和CSSHoudini，JavaScript的未来趋势是WebAssembly和Serverless。1.HTML的语义化提高可访问性和SEO效果，Web组件提升开发效率但需注意浏览器兼容性。2.CSS-in-JS增强样式管理灵活性但可能增大文件体积，CSSHoudini允许直接操作CSS渲染。3.WebAssembly优化浏览器应用性能但学习曲线陡，Serverless简化开发但需优化冷启动问题。

HTML：结构，CSS：样式，JavaScript：行为Apr 18, 2025 am 12:09 AM

HTML、CSS和JavaScript在Web开发中的作用分别是：1.HTML定义网页结构，2.CSS控制网页样式，3.JavaScript添加动态行为。它们共同构建了现代网站的框架、美观和交互性。

HTML的未来：网络设计的发展和趋势Apr 17, 2025 am 12:12 AM

HTML的未来充满了无限可能。1)新功能和标准将包括更多的语义化标签和WebComponents的普及。2)网页设计趋势将继续向响应式和无障碍设计发展。3)性能优化将通过响应式图片加载和延迟加载技术提升用户体验。

HTML与CSS vs. JavaScript：比较概述Apr 16, 2025 am 12:04 AM

HTML、CSS和JavaScript在网页开发中的角色分别是：HTML负责内容结构，CSS负责样式，JavaScript负责动态行为。1.HTML通过标签定义网页结构和内容，确保语义化。2.CSS通过选择器和属性控制网页样式，使其美观易读。3.JavaScript通过脚本控制网页行为，实现动态和交互功能。

HTML：是编程语言还是其他？Apr 15, 2025 am 12:13 AM

HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1）htmlStructures andFormatSwebContentusingtags.2）itworkswithcsssforstylingandjavascript for Interactivity，增强WebevebDevelopment。

HTML：建立网页的结构Apr 14, 2025 am 12:14 AM

HTML是构建网页结构的基石。1.HTML定义内容结构和语义，使用、、等标签。2.提供语义化标记，如、、等，提升SEO效果。3.通过标签实现用户交互，需注意表单验证。4.使用、等高级元素结合JavaScript实现动态效果。5.常见错误包括标签未闭合和属性值未加引号，需使用验证工具。6.优化策略包括减少HTTP请求、压缩HTML、使用语义化标签等。

从文本到网站：HTML的力量Apr 13, 2025 am 12:07 AM

HTML是一种用于构建网页的语言，通过标签和属性定义网页结构和内容。1）HTML通过标签组织文档结构，如、。2）浏览器解析HTML构建DOM并渲染网页。3）HTML5的新特性如、、增强了多媒体功能。4）常见错误包括标签未闭合和属性值未加引号。5）优化建议包括使用语义化标签和减少文件大小。

了解HTML，CSS和JavaScript：初学者指南Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。

See all articles