【问题标题】:Make dynamic align if overflow hidden如果溢出隐藏,则进行动态对齐
【发布时间】:2016-11-27 06:25:22
【问题描述】:

我有一个带有表头的表。我为各个列使用固定的 35px 宽度。因此,为此目的,我使用了 table-layout:fixed 和 overflow:hidden 以便各个单元格适合分配的宽度而不是动态扩展。但是,表格标题居中对齐。因此,overflow:hidden 使其从两侧切割。例如,如果表头是 ABCDEFGH,那么显示的表头就是 CDEF。

我需要让标题居中对齐,并且不希望丢失标题文本的左侧。这有什么可能吗?顺便说一句,我使用 Java。

【问题讨论】:

    标签: html css overflow


    【解决方案1】:

    使用 CSS 仅将“overflow:hidden”分配给数据单元格。比如:

    .my-table-class th
    {
      /* styles here */
    }
    
    .my-table-class td
    {
       overflow:hidden;
    }
    

    【讨论】:

    • 我希望我的标题本身具有溢出:隐藏的行为。但由于它们是居中对齐的(我打算这样),这些标题文本会从两侧截断,我将只有标题的中间部分。一些标题将适合单元格(中心对齐),但其他一些标题将被截断。因此,对于其他一些单元格,我希望它们动态分配对齐:左。
    • 啊,是否可以在标题文本周围放置一个容器,使容器在标题内部居中,然后将对齐和溢出样式应用于容器本身?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多