Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使用';字体大小:~小';在表格行中居中_Html_Css - Fatal编程技术网

Html 如何使用';字体大小:~小';在表格行中居中

Html 如何使用';字体大小:~小';在表格行中居中,html,css,Html,Css,请参阅此代码笔: 跨度{ 字号:8pt; } 选择>>> 此文本太低,我希望它以单选按钮居中 我正在使用的应用程序有“字体大小:8pt;”。。我真的无法改变这一点。但我想做的就是用单选按钮将行中较小的文本居中。我尝试了所有与“字体”和“大小”相关的样式,但似乎没有任何东西允许我将较小的文本放在表格行的中心 我如何才能做到这一点?只需将此添加到您的.css文件: input[name="vid"] { span { display:flex; align-items:center; } }

请参阅此代码笔:


跨度{
字号:8pt;
}
选择>>>
此文本太低,我希望它以单选按钮居中
我正在使用的应用程序有“字体大小:8pt;”。。我真的无法改变这一点。但我想做的就是用单选按钮将行中较小的文本居中。我尝试了所有与“字体”和“大小”相关的样式,但似乎没有任何东西允许我将较小的文本放在表格行的中心


我如何才能做到这一点?

只需将此添加到您的
.css
文件:

input[name="vid"] {
span {
display:flex;
align-items:center;
}  
}

希望这有帮助

只需将此添加到您的
.css
文件:

input[name="vid"] {
span {
display:flex;
align-items:center;
}  
}

希望这有助于使用基本的flex属性,对齐项目:居中;文本将与单选按钮对齐:

.tableRow{
显示器:flex;
对齐项目:居中;
}

跨度{
字号:8pt;
}
选择>>>
此文本太低,我希望它以单选按钮居中

使用基本flex属性,对齐项目:居中;文本将与单选按钮对齐:

.tableRow{
显示器:flex;
对齐项目:居中;
}

跨度{
字号:8pt;
}
选择>>>
此文本太低,我希望它以单选按钮居中

@Atom999我将您的
元素更改为flex容器,并使用单选按钮将元素内联到中心。希望这有帮助

html,正文{
保证金:0;
填充:0;
最小高度:100%;
}
跨度{
显示器:flex;
弯曲方向:行;
证明内容:中心;
字号:8pt;
显示:内联;
}

选择>>>
此文本太低,我希望它以单选按钮居中

@Atom999我将您的
元素更改为flex容器,并使用单选按钮将元素内联到中心。希望这有帮助

html,正文{
保证金:0;
填充:0;
最小高度:100%;
}
跨度{
显示器:flex;
弯曲方向:行;
证明内容:中心;
字号:8pt;
显示:内联;
}

选择>>>
此文本太低,我希望它以单选按钮居中

您可以使用flex布局进行对齐

<head>
<style>
span {
  font-size: 8pt;
}
</style>
</head>
<table>
  <td>
  <td> Choose >>> </td>
    <td style="display: flex;align-items: center;justify-content: center;">
        <input name="vid" type="radio" id="foo" checked>
    <span>
      this text is too low, I want it centered with the radio button
    </span>  
  </td>
</table>

跨度{
字号:8pt;
}
选择>>>
此文本太低,我希望它以单选按钮居中

您可以使用flex布局进行对齐

<head>
<style>
span {
  font-size: 8pt;
}
</style>
</head>
<table>
  <td>
  <td> Choose >>> </td>
    <td style="display: flex;align-items: center;justify-content: center;">
        <input name="vid" type="radio" id="foo" checked>
    <span>
      this text is too low, I want it centered with the radio button
    </span>  
  </td>
</table>

跨度{
字号:8pt;
}
选择>>>
此文本太低,我希望它以单选按钮居中

使用display:flex,简单地将td制作成一个flex容器;然后设置、对齐项目:居中;你的任务完成了。如果有帮助,请检查我的答案和评分:)谢谢,只需使用display:flex使td成为flex容器;然后设置、对齐项目:居中;你的任务完成了。请检查我的答案,如果有帮助,请打分:)谢谢