2017-04-19 30 views
1

以下は私のコードaspxファイルです。asp:テーブルの長いテキストの折り返し

<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
    <ContentTemplate> 
     <asp:Table ID="tblAssump" CssClass="tbl-assump" runat="server"> 
      <asp:TableHeaderRow> 
       <asp:TableHeaderCell CssClass="tbl-top-header">Items</asp:TableHeaderCell> 
       <asp:TableHeaderCell CssClass="tbl-top-header">Assumptions and Justifications</asp:TableHeaderCell> 
      </asp:TableHeaderRow> 
      <asp:TableRow CssClass="tbl-row-assump"> 
       <asp:TableCell>1</asp:TableCell> 
       <asp:TableCell>RBI assessment is based on the HULL RBI Methodology, Doc. No.: GTS-RBI-FSTR-2015-R-002, Rev. 0 which has been approved by CLIENT.</asp:TableCell> 
      </asp:TableRow> 
      <asp:TableRow CssClass="tbl-row-assump"> 
       <asp:TableCell>2</asp:TableCell> 
       <asp:TableCell>Tagging methodology and rule of thumb:<br />&nbsp;&nbsp;i.&nbsp;From aft to forward - by framing number.<br />&nbsp;ii.&nbsp;From port to starboard - by longitudinal number.<br />iii.&nbsp;From bottom keel to upper deck - by elevation and/or longitudinal<br />&nbsp;&nbsp;&nbsp;&nbsp; number.</asp:TableCell> 
      </asp:TableRow> 
      <asp:TableRow CssClass="tbl-row-assump"> 
       <asp:TableCell>3</asp:TableCell> 
       <asp:TableCell>Component setup are based on typical type of structural component used for Hull construction. Risk is eing assessed for all possible tagged components (component system, NOT global system).<br /><br />Definition of Lower, Middle and Upper Zone shall reflect client's requirement, if not the appointed consultant shall advise accordingly.</asp:TableCell> 
      </asp:TableRow> 
     </asp:Table> 
    </ContentTemplate> 
</asp:UpdatePanel> 

これは私のCSSコードです。

.div-assump { 
    float: left 
} 

.tbl-row-assump td:nth-child(1){ 
    vertical-align: middle 
} 

.tbl-row-assump td:nth-child(2) { 
    background-color: red; 
    max-width: 500px; 
    word-wrap: break-word; 
    text-wrap: normal; 
    text-align: justify 
} 

なぜかaspxファイルを実行すると、ウェブサイトの結果は次のようになります。

enter image description here

私のCSSのテーブルに何か問題はありますか?

+0

..私はそれが仕事になると思うwhite-space: normal;またはword-break: break-all;のプロパティを使用します。私がそれをテストしたとき、テーブルの文章は、あなたが期待するように複数の行にまたがって広がっていました。 – VDWWD

+0

私はChromeとIE11の両方でテストします...問題は上記と同じです – Fahmieyz

答えて

0

問題は上記のスニペットではありません

+0

この作業はまさに私が望むように...ありがとう。 説明として:word-break:break-all;すべてのアルファベットが壊れて、単語の途中でブレークが発生する可能性があります。 – Fahmieyz

関連する問題