Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/actionscript-3/6.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
Css 用单选按钮在问题后面附加字母(a、b、c)_Css_Layout_Html Lists_Multiple Choice - Fatal编程技术网

Css 用单选按钮在问题后面附加字母(a、b、c)

Css 用单选按钮在问题后面附加字母(a、b、c),css,layout,html-lists,multiple-choice,Css,Layout,Html Lists,Multiple Choice,很抱歉要问这个问题,但我在这上面花了很多时间,我很难堪 我有一个多选题数据库,以4-8个问题的形式出现在文档中。我需要这些问题的字母顺序,他们出现(a,b,c,d,e,f等),我不能改变html或html的结构 有没有一种纯粹的CSS方法可以实现这一点?如果不是,你有什么建议? 我已经为下面的一个问题粘贴了结构,但这里包含了完整结构的示例: 这是第二种可能的选择。 谢谢 使用显示:列表项,可以使div作为列表项,这意味着它们可以获得标记。如果将设置为loweralpha,您将收到所需的小写字

很抱歉要问这个问题,但我在这上面花了很多时间,我很难堪

我有一个多选题数据库,以4-8个问题的形式出现在文档中。我需要这些问题的字母顺序,他们出现(a,b,c,d,e,f等),我不能改变html或html的结构

有没有一种纯粹的CSS方法可以实现这一点?如果不是,你有什么建议? 我已经为下面的一个问题粘贴了结构,但这里包含了完整结构的示例:


这是第二种可能的选择。

谢谢

使用
显示:列表项,可以使div作为列表项,这意味着它们可以获得标记。如果将设置为
loweralpha
,您将收到所需的小写字母作为标记

/*重要部分*/
.简单的选择{
显示:列表项;
列表样式:内部为较低的alpha;
清除:左;/*清除无线电浮动*/
}
/*使子div在一行中显示为内联内容*/
.简单选择内分区{
显示:内联块;
}
/*这仅用于使收音机显示在字母之前*/
.简单选择内部。选择输入{
浮动:左;
右边距:10px;
}


我必须指出,正确的方法是修复HTML。您应该使用
元素,该元素用于有序列表。但有一件事需要确定:每个项目上的
id=“block”
。ID在整个文档中必须是唯一的,因此只能使用一次。不这样做会使HTML无效,并可能在将来导致奇怪的问题。

使用
显示:列表项,可以使div作为列表项,这意味着它们可以获得标记。如果将设置为
loweralpha
,您将收到所需的小写字母作为标记

/*重要部分*/
.简单的选择{
显示:列表项;
列表样式:内部为较低的alpha;
清除:左;/*清除无线电浮动*/
}
/*使子div在一行中显示为内联内容*/
.简单选择内分区{
显示:内联块;
}
/*这仅用于使收音机显示在字母之前*/
.简单选择内部。选择输入{
浮动:左;
右边距:10px;
}


我必须指出,正确的方法是修复HTML。您应该使用
元素,该元素用于有序列表。但有一件事需要确定:每个项目上的
id=“block”
。ID在整个文档中必须是唯一的,因此只能使用一次。不这样做会使您的HTML无效,并可能在将来导致奇怪的问题。

有什么原因不能更改HTML吗?如果可以,那么可以使用列表样式类型为lower的有序列表()-alpha@rogchap--无法更改html,因为实际的生产结构在包含项目反馈的simple choice div中包含一个额外的div。这样,已经创建了数千个这样的程序,我们必须对这些程序进行代码替换,这将是一场噩梦。:)感谢您的参与。有什么原因不能更改HTML吗?如果可以,那么可以使用列表样式类型为lower的有序列表()-alpha@rogchap--无法更改html,因为实际的生产结构在包含项目反馈的simple choice div中包含一个额外的div。这样,已经创建了数千个这样的程序,我们必须对这些程序进行代码替换,这将是一场噩梦。:)谢谢你们的参与。谢谢@bažmegakapa——这是现场直播。是的,积木是早期建筑的遗物——它肯定会被处理。谢谢@bažmegakapa——这是现场的。是的,积木是早期建筑的遗物——它肯定会被解决。
<div class="simple-choice-inner">
<div class="choiceInput">
<span class="prompt"><input type="radio"></span>
</div>
<div class="choice-content">
<div class="item_options" id="block">
<span class="prompt">Here is the 2nd possible selection.</span>
</div>
</div>
</div>