当前位置：文江博客话题详情

div 中的表格单元格不起作用

发布于 2025-01-02 13:38:33 字数 171 浏览 1 评论 0原文

我在我的网站中使用表格和表格单元格。最左边的列需要从顶部开始。相反，它会下降到底部。下面是该问题的链接，其中灰色 div 从最底部开始。

http://jsfiddle.net/HtAJw/9/

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

z祗昰~ 2025-01-09 13:38:33

目前尚不清楚您希望实现什么最终结果。然而，通过向每个元素添加一个像素宽度，其总和小于或等于容器宽度，将阻止您看到的环绕。

http://jsfiddle.net/HtAJw/10/

HTML:

<div class="parent">
    <div class="child">
        <fieldset>
                a
        </fieldset>
    </div>
    <div class="child" >
        <div class= "newChildLeft">
                a <br/> b<br/> b<br/> b<br/>
        </div>
        <div class= "newChildRight">
                b<br/> b<br/> b
        </div>
   </div>
</div>

CSS:

.parent {
    width: 100px;
    display: table;
    border: 1px solid green;
    height: 100%
}
.child {
    background: blue;
    display: table-cell;
    height: inherit;
    width: 50px;
}
.newChildLeft {
    float: left;
    width: 25px;
}
.newChildRight {
    float: right
    width: 25px;
}
.child + .child {
    background: red;
    width: 50px;
}
fieldset {
    height: 100%;
    background-color: #666;  
    width: 50px;
}

It's not clear what end result you're looking to achieve. However, by adding a pixel width to every element, where it adds up to something less than or equal to the container width, will prevent the wrapping you see.

http://jsfiddle.net/HtAJw/10/

HTML:

<div class="parent">
    <div class="child">
        <fieldset>
                a
        </fieldset>
    </div>
    <div class="child" >
        <div class= "newChildLeft">
                a <br/> b<br/> b<br/> b<br/>
        </div>
        <div class= "newChildRight">
                b<br/> b<br/> b
        </div>
   </div>
</div>

CSS:

.parent {
    width: 100px;
    display: table;
    border: 1px solid green;
    height: 100%
}
.child {
    background: blue;
    display: table-cell;
    height: inherit;
    width: 50px;
}
.newChildLeft {
    float: left;
    width: 25px;
}
.newChildRight {
    float: right
    width: 25px;
}
.child + .child {
    background: red;
    width: 50px;
}
fieldset {
    height: 100%;
    background-color: #666;  
    width: 50px;
}

回复收藏 0 原文

~没有更多了~