用于在单元格中换行的HTML代码

时间:2018-06-28 10:03:05

标签: html

在此HTML代码的底部,为“电子邮件”定义了一个单元格。我需要包装电子邮件地址,而不是扩展单元格的大小。它必须是HTML,而不是CSS。我已经尝试过这种“宽度:200像素;自动换行:断行;表布局:固定”,但是它没有用。有人可以帮忙吗?

<td style="border:1px solid black; width: 33%; font-size: 13px">
                    <table style="width: 100%; border-collapse: collapse;">
                        <tr style="background: #D3D3D3;">
                            <td colspan="2" style="width: 100%; text-align: center; font-weight: bold; height: 20px;">Send Report To</td>
                        </tr>
                        <tr>
                            <td style="width:25%; border: 1px solid black; border-left: 0;">
                                Contact
                            </td>
                            <td style="width: 75%; border-bottom: 1px solid black;">
                                <apex:outputText rendered="{!con != null}" value="{!con.FirstName} {!con.LastName}" id="contactName"/>
                            </td>
                        </tr>
                        <tr>
                            <td style="width:25%; font-size: 14px; border: 1px solid black; border-top: 0; border-left: 0;">
                                Company
                            </td>
                            <td style="width: 75%; border-bottom: 1px solid black;">
                                <apex:outputText rendered="{!acc != null}" value="{!acc.Name}" id="accountName"/>
                            </td>
                        </tr>
                        <tr>
                            <td style="width:25%; font-size: 14px; border: 1px solid black; border-top: 0; border-left: 0;">
                                Address
                            </td>
                            <td style="width: 75%; border-bottom: 1px solid black;">
                                <apex:outputText value="{! quote.SBQQ__ShippingStreet__c}"/>
                            </td>
                        </tr>
                        <tr>
                            <td style="width:25%; font-size: 14px; border: 1px solid black; border-top: 0; border-left: 0;">
                                City
                            </td>
                            <td style="width: 75%; border-bottom: 1px solid black;">
                                <apex:outputText value="{! quote.SBQQ__ShippingCity__c }"/>
                            </td>
                        </tr>
                        <tr>
                            <td style="width:25%; font-size: 14px; border: 1px solid black; border-top: 0; border-left: 0;">
                                State/Zip
                            </td>
                            <td style="width: 75%; border-bottom: 1px solid black;">
                                <apex:outputText value="{! quote.SBQQ__ShippingState__c }"/>&nbsp;<apex:outputText value="{! quote.SBQQ__ShippingPostalCode__c }"/>
                            </td>
                        </tr>
                        <tr>
                            <td style="width:25%; font-size: 14px; border: 1px solid black; border-top: 0; border-left: 0;">
                                Phone
                            </td>
                            <td style="width: 75%; border-bottom: 1px solid black;">
                                <apex:outputText rendered="{!con != null}" value="{! con.Phone}" id="contactPhone"/>
                            </td>
                        </tr>
                        <tr>
                            <td style="width:25%; font-size: 14px; border: 1px solid black; border-right: 1px solid black;">
                                E-mail
                            </td>
                             <td style="width: 75%; font-size: 14px;">
                                <apex:outputText value="{! quote.Ship_To_Email__c }"/>
                            </td>
                        </tr>
                    </table>
                </td>

0 个答案:

没有答案