css - ASP :Table long text wrapping

标签 css asp.net

下面是我在 aspx 文件中的代码;

<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 表格有问题吗?

最佳答案

使用white-space:normal;word-break:break-all;的属性我认为它会起作用..

关于css - ASP :Table long text wrapping,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43488625/

相关文章:

c# - 如何将图像 url 转换为 system.drawing.image

html - 如何在移动网络中居中 Bootstrap 导航栏菜单?

jquery - 在信息图标悬停时翻转卡片 - Tweenmax

css3 和一种将跨度着色为圆圈的方法,另一半作为背景

asp.net - WS-Federation 真正做了什么(深入并且通过一个简单易懂的例子)?

c# - 如何从整数列表中设置选择元素的值和文本值

c# - 覆盖 Asp.net WebControls、UserControls、Controls 上的 Render 方法时的最佳实践

Javascript 幻灯片卡住

CSS 下拉菜单大小根据内容动态变化?

c# - 一个类实现了哪些接口(interface)?