0

我的网页有一个表格，对于一个元素，我必须应用基础的网格属性。我必须将行分成大小为 10 和 2 的两列。第一列是输入字段，第二列是下拉图标，但是当我尝试这样做时，第二列在第一列之后下降。

<table class="inner-table">
    <tr>
        <td width="20">plan </td>
        <td width="50">Mobile</td>
        <td width="15">20%</td>
        <td width="15">50%</td>
    </tr>
    <tr>
        <td>dsffgh</td>
        <td>Mobile</td>
        <td>20%</td>
        <td>50%</td>
    </tr> 
    <tr>
        <td>Plan</td>
        <td>
            <div class="row">
            <form class="project-name">
                <div class="small-11 columns">
                    <input type="text" name="projectName">
                </div>
                <div class="small-1 columns">
                    <a href="#" data-dropdown="drop1"><img src="images/Rectangle-13.png" alt="dropdown-menu" height="10em" width="10em">
                    </a>                    
                    <ul id="drop1" class="f-dropdown" data-dropdown-content>
                    <li>10</li>
                    <li>15<li>
                    <li>20</li>
                    </ul>
                </div>
                </form>
            </div>
        </td>
    </tr>
    <tr>
        <td id="dot-emp3" class="show-more">
            ...
        </td>
    </tr>
</table>

http://codepen.io/anon/pen/MaaOxG

4

0 回答 0