1. 程式人生 > >Bootstrap table 莫名其妙的不換行問題

Bootstrap table 莫名其妙的不換行問題

下面這程式碼,做兩列的時候,會自動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>

相關推薦

Bootstrap table 莫名其妙問題

下面這程式碼,做兩列的時候,會自動td文字多 會自動換行 如果多加幾列,td文字多了就不會換行,全是按照一行顯示 且把整個table寬度自動超出body的寬度、 出現了滾動條 解決辦法 <table class="table table-striped table-h

使用bootstrap table能顯示篩選列和分頁每頁顯示的

pts -i str 顯示 data bootstra 同事 bootstrap src 使用bootstrap table時不能顯示篩選列和分頁每頁顯示的行數 後來在同事的幫助下,才發現沒有引用bootstrap的js文件 <script src="/Scr

html table設置成強制

space 代碼 all style 換行 pac word css -a 在html文件中添加如下代碼: <style type="text/css"> table td{word-break: keep-all;white-space:nowrap;

解決Bootstrap jqGrid單元格的問題

如題,Bootstrap jqGrid不換行的問題足足讓我研究了一個多小時,內心是崩潰的。 我在百度上搜以下內容時: 答案几乎都™沒用,無非就是告訴我: style="word-wrap:break-word;" 艹,什麼問題也解決不了。真夠氣人的,反覆試驗後,幾

Table裡td中的文字過長,設定,隨內容同行顯示

      初次用nowarp點這裡: nowrap教程   做Java的又要搞前端,有時候調樣式有點煩躁,專案中前端頁面都是自己寫的,這裡分享一個常見的樣式調整,雖然很簡單,但是沒用過的情況下還真不知道怎麼調        當td中內容過長時,內容會溢位,換行顯示,美觀超

table td內容/

固定td內容不換行: <td style="white-space:nowrap">內容</td> 或 <td nowrap>內容</td> 或 <td><nobr>內容</nobr><

兩個table表格在DIV內居中,並且

<div style="width:940px;margin-left:auto; margin-right:auto;">         <div style="background:red;width:120px;height:194px;displ

關於table表格td裡內容是數字而且太長的問題

本文轉載於:猿2048網站關於table表格td裡內容是數字而且太長不換行的問題 <p>table{table-la

兩個div

不換行 float code erro image ges 換行 兩個 設置 <div> <div class="left_tit single_tit" style="float: left;" > <em></

CSS強制英文、中文 強制英文

字母 psi 省略號 -s 換行 適合 hidden 強制 超出 1. word-break:break-all;只對英文起作用,以字母作為換行依據 2. word-wrap:break-word; 只對英文起作用,以單詞作為換行依據 3. white-space:pre-

python中如何使輸出

alt end png ext 版本 輸出 http 如何 mil 1.在python 2.x版本中,使用“,”(不含雙引號)可使輸出不換行,例如 2.python 3.x版本輸出不換行格式如下 print(x, end="") end="" 可使輸出

CSS強制英文、中文

代碼 英文 指定 ext 亞洲 tran book 了解 bsp 設計制作HTML時會遇到CSS強制英文、中文換行與不換行的問題,可以通過本文了解一下相關知識。 結構: 1.Transshipment Booking System is launched只對英文起作用,以字

用css實現文本切超出限制時顯示省略號(小tips)

max 省略號 over 顯示 寬度 width code wid ellipsis div{ max-width: 500px; text-overflow: ellipsis; overflow: hidden; white-spac

子div超出父div部分橫向滾動,

不為 同一行 one 必須 nba gpo cap 不同 osi 父div: .rootBar{ width: 1920px; height: 216px; float: left; overflow-y: hidden; overflow-x: auto; whi

python學習002-Python print 輸出

輸出內容 http lob 技術分享 pri bsp 分享 term ado python中print之後是默認換行的,如果我們不想換行,且不想講輸出內容用一個print函數輸出時,就需要改變print默認換行的屬性,方法如下:print('contents'

delphi xe7的unit代碼窗按回車解決辦法

.com insert ces fff size term 標記 解決辦法 現在 最近在學習delpi XE7時,發現在窗體中無法回車換行,想了好久,終於找到了。如下圖: 原因: 當前紅色標記的地方為:overwrite,相當只能讀能,不能插入,原因是因為不小心按了一個

html關於代碼

user hidden span AS -a row src spl white 類似這種效果 這是基於a標簽 不是用table實現的 <a style="display: inline-block;white-space:nowrap;width: 100px

文字自動省略多余字符

png oob ID src over ellipsis mage psi 菜鳥 效果: 文字不換行自動省略多余字符 white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 菜鳥教程效果查看頁面 :

如何使python print輸出

code span nbsp 連續 如何 不換行 輸出 col \n print(1,2)用逗號分開 這樣可以連續輸出 print(j, "*", i ,"=", j*i,end=" ") 用end來結尾可以決定下一次輸出和本次輸出中間的格式 for i in

css強制html css強制英文單詞斷 重拾丟失的

題解 bsp break 換行 強制 建議 特性 問題解決 設置 css強制html不換行 css強制英文單詞斷行 強制不換行 div{ white-space:nowrap; } 自動換行 div{ word-wrap: b