Как легко расположить горизонтально центр < div > используя CSS? [Дубликат]

, хотя его поздняя, ​​лучшей альтернативой было бы отключить выпадающее поле, которое должно быть изменено до того, как оно будет изменено. при этом вы предотвращаете события стрельбы из измененного поля со списком, когда, например, вы используете методы like removeAllItems () или addItem ()

String orderByOptions[] = {"smallest","highest","longest"};

JComboBox<String> jcomboBox_orderByOption1 = new JComboBox<String(orderByOptions);
JComboBox<String> jcomboBox_orderByOption2 = new JComboBox<String(orderByOptions);
JComboBox<String> jcomboBox_orderByOption3 = new JComboBox<String(orderByOptions);

jcomboBox_orderByOption1.addItemListener(new ItemListener()
{
    public void itemStateChanged(ItemEvent itemEvent)
    {
            int eventID = itemEvent.getStateChange();

            if (eventID == ItemEvent.SELECTED)
            {
                Object selectedItem = jcomboBox_orderByOption1.getSelectedItem();

                jcomboBox_orderByOption2.setEnabled(false);
                jcomboBox_orderByOption2.removeAllItems();

                for (String item: string_orderByOptions)
                {
                    if (!item.equals(selectedItem))
                    {
                        jcomboBox_orderByOption2.addItem(item);
                    }
                }

                jcomboBox_orderByOption2.setEnabled(true);
            }
        }
    });



    jcomboBox_orderByOption2.addItemListener(new ItemListener()
    {
        public void itemStateChanged(ItemEvent itemEvent)
        {
            int eventID = itemEvent.getStateChange();

            if (eventID == ItemEvent.SELECTED)
            {
                Object selectedItem1 = jcomboBox_orderByOption1.getSelectedItem();
                Object selectedItem2 = jcomboBox_orderByOption2.getSelectedItem();

                jcomboBox_orderByOption3.setEnabled(false);

                jcomboBox_orderByOption3.removeAllItems();

                for (String item: string_orderByOptions)
                {
                    if (!item.equals(selectedItem1) && !item.equals(selectedItem2))
                    {
                        jcomboBox_orderByOption3.addItem(item);
                    }
                }

                jcomboBox_orderByOption3.setEnabled(true);

            }
        }
    });
694
задан cmcginty 6 March 2009 в 08:51
поделиться

4 ответа

HTML CSS , :

div.mydiv {width: 200px; margin: 0 auto}
<div class="mydiv">
    
    I am in the middle
    
</div>

Ваша схема показывает элемент блочного уровня также (который отделение обычно), не встроенный.

Из вершины моей головы, min-width поддерживается в FF2 +/Safari3 +/IE7 +. Может быть сделан для IE6 с помощью hackety CSS или простой бит JS.

28
ответ дан Thomas Orlita 6 March 2009 в 18:51
поделиться
  • 1
    А-ч, хорошо it' s некоторое время начиная с I' ve отправил тот ответ. Спасибо за обращение мое внимание на это. – slhck 3 September 2012 в 06:42
.center {
   margin-left: auto;
   margin-right: auto;
}

Минимальная ширина глобально не поддерживается, но может быть реализована с помощью

.divclass {
   min-width: 200px;
}

Тогда, можно установить отделение, чтобы быть

<div class="center divclass">stuff in here</div>
27
ответ дан Octavian Damiean 6 March 2009 в 18:51
поделиться
  • 1
    Сервер на AndroGames doesn' t, кажется, больше существуют, и ссылка AndDev с 2008 = ужасно стара. Другие предложения хороши все же. – Simon Forsberg 2 September 2012 в 22:36
margin: 0 auto;

как ck сказал , , минимальная ширина не поддерживается всеми браузерами

58
ответ дан Community 6 March 2009 в 18:51
поделиться

В большинстве браузеров это будет работать:

div.centre {
  width: 200px;
  display: block;
  background-color: #eee;
  margin-left: auto;
  margin-right: auto;
}
<div class="centre">Some Text</div>

В IE6 необходимо будет добавить другого внешнего div:

div.layout {
  text-align: center;
}

div.centre {
  text-align: left;
  width: 200px;
  background-color: #eee;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
<div class="layout">
  <div class="centre">Some Text</div>
</div>
564
ответ дан YakovL 6 March 2009 в 18:51
поделиться
  • 1
    Потрясающий. Это сделало то, что нам был нужен он, чтобы сделать. Спасибо! – Mike 6 January 2009 в 08:20