Вопросы Теги

Выровняйте по правому краю некоторый текст в элементе списка

Я предпочитаю единственный оператор возврата. Одна причина, на которую еще не указали, состоит в том, что некоторые инструменты рефакторинга работают лучше на единственные точки выхода, например, Eclipse, JDT извлекают/встраивают метод.

5
задан Esteban Küber 27 July 2009 в 14:00
поделиться

3 ответа

Вместо плавающего вы можете попробовать абсолютное позиционирование. 

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

li {
    padding-left: 15px;
    width: 400px;
    position: relative;
}

.options {
    width: 50px;
    position: absolute;
    right: 0px;
}
11
ответ дан 18 December 2019 в 14:49
поделиться

Использование этого CSS: 

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

li {
    padding-left: 15px;
    width:400px;
}
.options {
    float: right;
    width: 50px;
}
li li { width:385px}

Это, к сожалению, требует от вас определения ширины за вычетом отступов. в зависимости от вашей гибкости это будет работать. Проверено в Chrome 3.0.

1
ответ дан 18 December 2019 в 14:49
поделиться

Если изменение HTML-кода в порядке, вы можете заключить «Элемент 1» в первый диапазон и:

  • переместить его влево (параметры все еще плавающие вправо)
  • используйте display: inline-block для диапазона и text-align: right для .options вместо float (однако несовместимо с Fx2 и работает только в IE6 / 7, потому что span по умолчанию является встроенным элементом. Не будет работать с div)
1
ответ дан 18 December 2019 в 14:49
поделиться