asp.net - 包装时如何防止单选按钮标签低于输入

Question

我有一长串由 ASP.NET 生成的单选按钮。 ASP.NET 在表格单元格内呈现输入和标签，并使用标签 for=xxx 使标签和输入成为 sibling 。

这里是 the fiddle .标签很长，很多。

当标签换行时，目标是让它们看起来像这样:

( )  cdsdcsdcsdc akd adckldsjcj dlsck acsd dscj dlkc dcas
     df sdf dfkl dksf dfs dlkf

而不是像这样；

( ) cdsdcsdcsdc akd adckldsjcj dlsck acsd dscj dlkc dcas
df sdf dfkl dksf dfs dlkf

或者像这样:

( )
 cdsdcsdcsdc akd adckldsjcj dlsck acsd dscj dlkc dcas
df sdf dfkl dksf dfs dlkf

假设无法更改标记，那么要实现该样式，CSS 应该是什么？

附言根据 rogerdeuce 引用的答案:

   input[type=radio]
        {
            float: left;
        }
        label
        {
            display: block;               
            margin-left: 2em;
        }


        #sites td:after {
         content: "";
         clear: both;
     }

Answer 1

实现您想要的输出应该非常简单。

将 input 和 label 更改为:

display: inline;

inline-block 在元素上方和下方添加空格，inline 不会。

希望这对您有所帮助。