您的位置:首页 > Web前端 > BootStrap

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

2017-07-07 10:07 1991 查看
下面这代码,做两列的时候,会自动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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: