当前位置:  开发笔记 > 编程语言 > 正文

左对齐标签 - 右对齐选择元素(CSS)

如何解决《左对齐标签-右对齐选择元素(CSS)》经验,为你挑选了1个好方法。

我有一个表单布局,我想显示左对齐的标签和右对齐的表单控件.我一直试图让它使用浮点数:在窗体控件(在这种情况下为a)上然后应用clearfix类,但clearfix似乎不在我的选择框上工作.

这里有什么问题或者clearfix不适用于select元素吗?

但是,当我这样做时,选择框仍然延伸到包含div的底部之外.

我的代码:




Category:

robertc.. 6

如果select元素是最高的东西,为什么不漂浮标签?你也可以借此机会使它实际上成为一个标签,而不仅仅是一些文本div.这是CSS:

#category-select {
    left: 0px;
    top: 0px;
    width: 350px;
    border: 1px solid #666;
    text-align: right;
}
#category-select label {
    float: left;
    margin: 1px;
}

这是HTML:

这是演示.



1> robertc..:

如果select元素是最高的东西,为什么不漂浮标签?你也可以借此机会使它实际上成为一个标签,而不仅仅是一些文本div.这是CSS:

#category-select {
    left: 0px;
    top: 0px;
    width: 350px;
    border: 1px solid #666;
    text-align: right;
}
#category-select label {
    float: left;
    margin: 1px;
}

这是HTML:

这是演示.

推荐阅读
手机用户2502851955
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有