css - способ не иметь ширину, принять 100%?

Question

Поэтому, когда вы помещаете <div> в <div>, оно предполагает, что оно должно быть полностью широким.

У меня есть элемент <a>, и единственный способ заставить его правильно отображаться - дать ему display: block. Однако, давая ему этот атрибут, он ведет себя так, как <div> по умолчанию. Это делает его полностью широким.

У меня нет определенной ширины, я хочу ее (просто чтобы текст и отступы подходили), но я не хочу, чтобы она была полностью широкой.

Есть ли для этого атрибут / обходной путь?

Я бы опубликовал некоторый код, но это достаточно простая идея - просто скажите, если хотите увидеть какой-нибудь код.

Answer 1

Один из способов - использовать display: inline-block;, но есть лишь несколько раз, когда это действительно необходимо.

Опубликуйте некоторый код, чтобы мы могли сказать, что заставляет ваши якоря исчезать или совершать нежелательные действия.

О, было бы полезно узнать, как вы хотите, чтобы они выглядели.

Answer 2

Вы можете разместить это:

div { overflow:auto; }
a { float:left; }


<div>
    <a> Link </a>
</div>

Answer 3

Попробуйте использовать

display:inline

Answer 4

Вы ищете display: inline.

Если вам действительно нужно display: block, вы можете сделать его "термоусадочной", установив float: left.