Css asp:表格长文本换行
下面是我在aspx文件中的代码Css asp:表格长文本换行,css,asp.net,Css,Asp.net,下面是我在aspx文件中的代码 <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Table ID="tblAssump" CssClass="tbl-assump" runat="server"> <asp:TableHeaderRow> <asp:TableHea
<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>
由于某种原因,当我运行aspx文件时,网站结果如下
我的CSS表有问题吗?使用
空白的属性:normal代码>或断字:全部断字代码>我认为它会起作用。问题不在上面的代码片段中。当我测试它时,表中的句子像你预期的那样分布在多行上。我在Chrome和IE11上测试。。。仍然和上面的问题一样这工作完全像我想要的。。。谢谢你。作为澄清:单词break:break all;将打破所有字母,这意味着中断可能发生在词的中间。
.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
}