2012-01-02 63 views
-1

我很難弄清楚如何讓我的選擇元素在左側與其餘的div正確對齊,因此看起來更加一致。有什麼想法嗎?對齊選擇元素

http://www.kansasoutlawwrestling.com/kowmanager/cpanel

任何人有什麼想法?

編輯:

我能下拉感謝的大小和排列糾正以下但答案當您單擊下拉列表,它顯示了空的選項,這是好的,現在,大小的搜索和下拉菜單的其餘部分仍然是原始大小。這怎麼能被糾正?

+1

您可以定義「對齊」嗎? – 2012-01-02 19:59:25

+1

你能更具體嗎?你是否希望它與上面的塊('角色配置文件'下拉列表)或下面的列表('Biography'等)左對齊。 – nycdan 2012-01-02 20:00:06

+0

感謝您的回覆,我寧願讓它與上面的角色配置文件保持一致。我認爲它會更好看。 – 2012-01-02 20:03:30

回答

1

添加填充或利潤率爲包含它,所以它推過來的,從它位於何處離開那個特定的元素或元素的左邊..你可能有寬度設定播放該特定的元素包含元素,因此它不會將其他所有元素都推向右側,並使其仍然顯得雜亂無章。但是,我可能會填充它或在左側給它一個邊緣,以便將它推過去

2

只需在select元素的ID中添加一些屬性,就可以在兩側對齊它。

#usercharacter_chzn { width:220px; margin-left:26px; }

我種只是直勾勾對準,它可能是一個或兩個像素關閉上的寬度。

如果您找不到創建element.style寬度的流氓JS插件,則始終可以使用!important規則。

#usercharacter_chzn { width:220px !important; margin-left:26px; }

+1

感謝您的回覆,但由於某種原因,它會被覆蓋,因爲寬度是通過此模板中的js創建的。 – 2012-01-02 21:48:12

+2

更新了我的回覆,再看一下。 – rebz 2012-01-03 07:51:42

+0

這真棒,但是當你點擊下拉菜單時,顯示的文本框大於選擇框。 – 2012-01-03 17:25:52