gpt4 book ai didi

css - 如何定位文本或单选组元素?

转载 作者:行者123 更新时间:2023-11-27 22:30:54 25 4
gpt4 key购买 nike

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Input data</title>
<link type="text/css" rel="stylesheet" href="css/reset.css">
<link type="text/css" rel="stylesheet" href="css/my_css.css">
</head>

<body style="position:relative; top=0px; left=0px;">
<input type="radio" name="radio_name" value="one" checked>one<br>
<input type="radio" name="radio_name" value="two">two<br>
<input type="radio" name="radio_name" value="three">three<br>
</form>
</body>
</html>

reset.css 是比较有名的一个(我忘了我从哪里得到的,抱歉)。

按钮文本显示为左对齐(在单选按钮后面),那么使它显示在按钮右侧的正确 CSS 是什么?

我在猜测 input[type="radio"] 和边框或填充,但我似乎无法让它工作。

最佳答案

嗯,首先,这不是有效的 HTML - 你的开始 form 标签去哪儿了?

为表单元素创建标签的更正方法是使用(惊喜!)label 元素。如果您需要将每个元素放在不同的行上,建议使用列表来分隔每一行。像这样:

<ul>
<li><input type="radio" name="radio_name" value="one" id="one" checked><label for="one">one</label></li>
<li><input type="radio" name="radio_name" id="two" value="two"><label for="two">two</label></li>
<li><input type="radio" name="radio_name" id="three" value="three"><label for="three">three</label></li>
<ul>

这看起来像 this 除了重置之外没有任何 CSS。否则,除非您实际向我们展示 CSS,否则我们无能为力。不过只是猜测,您可能已经在 input 元素上设置了 position: absolute

以下是一些可能导致您描述的问题的样式:http://jsfiddle.net/3HUnL/

关于css - 如何定位文本或单选组元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3796315/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com