Bootstrap table 莫名其妙的不换行问题

来源:互联网 发布:mac好看的电子相册 编辑:程序博客网 时间:2024/05/17 22:55

下面这代码,做两列的时候,会自动td文字多 会自动换行

如果多加几列,td文字多了就不会换行,全是按照一行显示 且把整个table宽度自动超出body的宽度、

出现了滚动条

解决办法

<table class="table table-striped table-hover table-bordered" style="word-break:break-all; word-wrap:break-all;">

加了个style="word-break:break-all; word-wrap:break-all;" 这个就没问题了


 <table class="table table-striped table-hover table-bordered">

                        <thead>
                            <tr>
                                <td class="Wtr50">原计划/设计规定(原版本)</td>
                                <td class="Wtr50">变更后设计规定(新版本)</td>


                            </tr>


                        </thead>
                        <tbody>
                            <asp:Repeater ID="Repeater_DesignRequirementsTable" runat="server">
                                <ItemTemplate>
                                    <tr>
                                        <td><%# Eval("OriginalDesignRequirements").ToString() %></td>
                                        <td><%# Eval("NewDesignRequirements").ToString() %></td>
                                    </tr>
                                </ItemTemplate>
                            </asp:Repeater>
                            <%--<tr>
                                <td>TKQ600-CK42-00-00  塞门 V1.0</td>
                                <td>TKQ600-CK42-00-00  塞门 V1.0</td>
                            </tr>
                            <tr>
                                <td>TKQ600-CK42-00-00  塞门 V1.0</td>
                                <td>TKQ600-CK42-00-00  塞门 V1.0</td>
                            </tr>--%>
                            <tr>
                                <td><%--注:原版本作废--%></td>
                                <td>新版本:同时修改系统产品配置单上的版本和生效时间</td>
                            </tr>
                        </tbody>
                    </table>
原创粉丝点击