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 /> i. From aft to forward - by framing number.<br /> ii. From port to starboard - by longitudinal number.<br />iii. From bottom keel to upper deck - by elevation and/or longitudinal<br /> 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ファイルを実行すると、ウェブサイトの結果は次のようになります。
私のCSSのテーブルに何か問題はありますか?
..私はそれが仕事になると思う
white-space: normal;
またはword-break: break-all;
のプロパティを使用します。私がそれをテストしたとき、テーブルの文章は、あなたが期待するように複数の行にまたがって広がっていました。 – VDWWD私はChromeとIE11の両方でテストします...問題は上記と同じです – Fahmieyz