Сделать ссылку имеют 100% ширину

У меня есть поле шириной X px. И в нем у меня есть список (<ul>) со ссылками (<li><a ..></a><li>)

Как я могу с CSS сделать ссылку кликабельной вне текста и на 100% ширину окна. Включение каждой строки в поле: D

Ответ 1

Добавьте display: block в тэг a.

Ответ 2

Я согласен с Скоттом, но вместо этого я рекомендую этот код:

a {
    display: inline-block;
    width: 100%;
}

или этот код:

<ul>
    <li><a href="topage" style="display: inline-block">text</a></li>
</ul>

Я рекомендую display: inline-block, потому что display: block делает элемент <a> в своей строке. (Оба будут в порядке, , но не во всех случаях)

Изменить. Похоже, что width:100% не ссылался. Благодаря @LGSon для комментариев!

Ответ 3

Чтобы ссылка заполнила все доступное пространство, вы можете использовать flexbox:

li {
    display: flex;
}
li > a { 
    flex: 1;
}

Ответ 4

item {display:flex;} item a {flex:none;}