0

我有一个小提琴来说明我的问题代码和css可以在小提琴中看到。

小提琴链接

我正在尝试创建一个简单的 HTML 格式，如附图所示。

在此处输入图像描述

问题在于“Loooong 描述” - 一旦我在“数字”文本下方添加一个跨度或参数以添加“Loooong 描述”，它也会改变父级的 css，并且“数字”不再保留在中间！

请注意，所有尺寸都必须以“%”为单位。

<div id="opentickets" class="container">
        <table class="outer wordwrap">
            <col class="cola" />
            <col class="colb" />
            <tr class="top">    
             <td colSpan="2" class="heading">Top Row Text</td>          
            </tr>
            <tr class="middle">
              <td ></td>
              <td class="wordwrap">
                <div  class="content"><b class="number">Number</b>
                </div>                  
              </td>
            </tr>
            <tr class="bottom"> 
             <td ></td>
              <td class="wordwrap"> </td>       
            </tr>
        </table>            
 </div>

ps：我必须创建这种表格格式来实现某些方面（表格中间的数字和从 20% 宽度开始等），因此如果有人能指导我扩展这种格式的 css，我将不胜感激。

4

0 回答 0