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容器;然后设置、对齐项目:居中;你的任务完成了。请检查我的答案,如果有帮助,请打分:)谢谢