Html 与两个不同单元格中表格单元格的中心对齐_Html_Css_Css Position

Html 与两个不同单元格中表格单元格的中心对齐

html css

Html 与两个不同单元格中表格单元格的中心对齐,html,css,css-position,Html,Css,Css Position,在下面的HTML代码中。请在“”处查找代码 CSS .QuestionnaireGroupQuestionContainer table td { border: 1px solid red; } .tabularOptionsHeader input { visibility: hidden; } .tabularOptions label { visibility: hidden; } .t

在下面的HTML代码中。请在“”处查找代码

CSS

.QuestionnaireGroupQuestionContainer table td {
        border: 1px solid red;
    }

    .tabularOptionsHeader input {
        visibility: hidden;
    }

    .tabularOptions label {
        visibility: hidden;
    }

    .tabularOptions {
        border-spacing: 0px;
        vertical-align: top;
    }

HTML

<body class="QuestionnaireGroupQuestionContainer">
<table class="tabularOptionsHeader">
    <tbody>
        <tr>
            <td>
                <span class="QuestionOptions">
                    <input type="radio" />
                    <label>1. (Slet ikke relevant)</label>
                </span>
            </td>
        </tr>
    </tbody>
</table>
<table class="tabularOptions">
    <tbody>
        <tr>
            <td>
                <span class="QuestionOptions">
                    <input type="radio" />
                    <label>
                        1. (Slet ikke relevant)
                    </label>
                </span>
            </td>
        </tr>
    </tbody>
</table>


1.（Slet ikke相关）
1.（Slet ikke相关）

我有两个表，主要是类制表标题和制表标题

第一个table类包含一行，该行的跨距包含一个单选按钮和一个标签

第二个table类包含另一行，其中有一个单选按钮，标签都相同

我需要将第一个表显示为标题，第二个表显示为主体，这将有多个选项，基本上是单选按钮列表的表格格式，最上面的一行是标题

通过使用CSS并将第一个表格输入类型radio设置为“可见性：隐藏”，第二个表格将标签可见性设置为“隐藏”，我可以实现这一点

下面是输出

我需要将这些标题文本和单选按钮与各自单元格的中心对齐，但我无法这样做，主要是因为我设置了可见性css属性
我不能使用display:none，因为我需要在两个不同的表中具有包含文本的列和包含单选按钮的列的确切宽度
是否可以使用CSS实现两个不同表格中文本和单选按钮的中心对齐

无法将第二个表中的行添加到第一个表中，因为输出是两个独立的表。
如果要实现这一点，我建议您需要更改DOM：

表th，表td{ 文本对齐：居中； }

1.（Slet ikke相关）
像这样尝试：

table.t td{ 文本对齐：居中； } 表3.t td输入{ 位置：相对位置；显示：无； } 表1.tt-td{ 文本对齐：居中； } 表1.tt td输入{ 位置：相对位置； } 表1.tt td标签{ 显示：无； }

1.（Slet ikke相关） 1.（Slet ikke相关） 1.（Slet ikke相关） 1.（Slet ikke相关）
为什么您有两个单独的表而不是一个表？这是HTML的简化版本。实际的HTML是asp.net web控件，其中每个表都是RadioButtonList。因此多个表您可以发布asp.net web控件代码吗？这就是我不使用asp.net web控件的原因，即使我工作的项目是在ASP.Net中。它们完全没有灵活性，难道不可能对输入元素进行某种css定位，使其与td的中心对齐吗。基本上重叠在可见性设置为隐藏的标签上？是否可以删除width=“200px”并使用文本“1.（Slet ikke相关）”占用的宽度？