html – 垂直位置

概述我正在使用 Spring MVC< form：radiobuttons>显示单选按钮： <form:radiobuttons path="selection" items="${arraySelection}" /> 但是,它会水平显示它们.生成的HTML如下： <span> <input id="selection1" type="radio" value="0"" name="selecti 我正在使用 Spring MVC< form：radiobuttons>显示单选按钮：

<form:radiobuttons path="selection" items="${arraySelection}" />

但是,它会水平显示它们.生成的HTML如下：

<span> <input ID="selection1" type="radio" value="0"" name="selection"> <label for"selection1">Off</label></span><span> <input ID="selection2" type="radio" value="1"" name="selection"> <label for"selection2">On</label></span>

如何垂直显示它们？

解决方法 您可以将默认包装器(< span>)更改为您可以更好地 *** 作的其他内容,例如< li>例如.

您可以使用element属性更改包装器：

<ul>  <form:radiobuttons path="selection" items="${arraySelection}" element="li" /></ul>

那么只需要按照你想要的方式设计：

ul.verticalRadios {  List-style-type: none;  /* or whatever */}...<ul >  <form:radiobuttons path="selection" items="${arraySelection}" element="li" /></ul>

总结

以上是内存溢出为你收集整理的html – 垂直位置全部内容，希望文章能够帮你解决html – 垂直位置所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。