Вопрос по css, twitter-bootstrap – Предотвратить пустую загрузку Twitter <dd> наполнение рядом <dd> значение

29

Привет CSS гуру,

Мне нравится начальная загрузка Twitter, и я создаю прототипы многих проектов на его основе, и я столкнулся с этой проблемой, когда, если у тега dd нет HTML внутри него, его заменяет другой dd, я понимаю, почему это происходит, из-за того, как стилизован dl, он позволяет dd расширяться до более чем одной строки, если это необходимо, я не хочу нарушать этот прекрасный стиль, я просто хочу изменить его так, чтобы значение dd было пустым, просто не рухнет, поэтому прежде чем я сделаю что-нибудь сумасшедшее здесь, например на стороне сервера, чтобы скрыть пустые значения, или изменить исходное поведение или даже добавить jQuery, я хотел бы знать, может ли кто-нибудь помочь, это изображение, чтобы проиллюстрировать, что я говоря, это RTL, поэтому dt находится справа.

Ваш Ответ

5   ответов
0

Может быть, вы можете попробовать именно это:

dd {
    display: inline-block;
}
Это не дает ответа на вопрос. Чтобы критиковать или запросить разъяснения у автора, оставьте комментарий под его постом. infused
Я не понимаю, почему этот стиль, примененный к элементу, не позволяет следующему dd заполнить его пространство. Jean F.
52

Я использовал этот стиль переопределения.

.dl-horizontal > dd:after {
  display: table;
  content: "";
  clear: both;
}
1

Если я интерпретирую это коммит правильно, это будет поведение по умолчанию в 3.0.0. До этого вы также можете попробовать добавитьdl-horizontal как альтернатива простоclearfix.

<dd class="dl-horizontal"></dd>
18

Разработчик, <dd> никогда не должно быть пустым (с чем я не согласен).

И я думаю, что он предпочитает, чтобы пользователи добавлялиclearfix класс к<dd>s, которые могут быть пустыми.

<dd class="clearfix"></dd>

Обновит

Это исправление включено после 3.2, см.Release Not.

+ 1 для исправления 3.2, о котором вы упомянули. Dante

Похожие вопросы