Как сделать отступ между ссылками в css
Для того чтобы управлять внешними отступами, т.е. отступами между элементами на странице — необходимо использоваться свойство margin.
Свойство margin определяет внешний отступ на всех четырёх сторонах элемента. Это сокращение, которое устанавливает все отдельные поля одновременно: margin-top, margin-right, margin-bottom и margin-left.
У свойства margin есть одна особенность — оно не дает нужный результат когда применятся к строчным элементам. Например ссылкам. Чтобы исправить ситуацию, нужно изменить свойство display у тега на значение inline-block;
href="#">ссылка 1 href="#">ссылка 2 href="#">ссылка 3 href="#">ссылка 4
Применив стиле ниже, мы добавим каждой ссылке вкруг отступ по 40px.
a display: inline-block; margin: 40px; >
Пробелы между ссылками как поставить?
Как изменить расстояние между ссылками?
Здравствуйте, надеюсь кто-нибудь увидет это сообщение. Суть вопроса: с расстоянием в тексте все.
Как сделать отступы между ссылками?
Здравствуйте. Имеется следующий код: <div <a.
Как сделать пробел между ссылками?
Ребята помогите пожалуйста! я в этом деле начинающий и я не знаю как сделать пробел между ссылками.
a href="Прочесть" title="Скачать">1 Скачать/a> a href="Punto.exe" title="Скачать файл">2 Скачать/a>
Сообщение от conformist
Сообщение от StopSmell
div class="links"> a href="Прочесть%20перед%20установкой.doc" title="Скачать файл">1 Скачать файл Прочесть перед установкой.doc/a> a href="Punto%20Switcher%202.9.5.0.exe" title="Скачать файл">2 Скачать файл Punto Switcher 2.9.5.0.exe/a> a href="/replace.dat" title="Скачать файл">3 Скачать файл replace.dat/a> /div>
.links a+a { margin-left: 20px; }
Сообщение от Ципихович Эндрю
это для всех ссылок. если нужно для определенных ссылок — заключите их в блок див, к примеру div и получите то, что нужно:
div id="div"> a href="#">ссылка1/a> a href="#">ссылка2/a> a href="#">ссылка3/a> /div>
скрин не могу
вот на сайте
Можно скачать нужные три файла отдельно
Для тех кто не знает как скачивать файлы с интернета — пользуйтесь браузером Opera
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
p>Можно скачать нужные три файла отдельно/p> div id="div"> p> a href="Прочесть%20перед%20установкой.doc" title="Скачать файл">1 Скачать файл Прочесть перед установкой.doc/a> a href="Punto%20Switcher%202.9.5.0.exe" title="Скачать файл">2 Скачать файл Punto Switcher 2.9.5.0.exe/a> a href="/replace.dat" title="Скачать файл">3 Скачать файл replace.dat/a> /p> /div> p>Для тех кто не знает как скачивать файлы с интернета - пользуйтесь браузером Opera/p>
/*селектор идентификатора*/ #div a{ margin: 0 20px; }
Как сделать одиннаковое расстояние между ссылками в меню?
Нужно сделать нам горизонтальное меню, чтобы все пункты были во всю ширину блока (сетки). Расстояние между ссылками «на глаз» по клеткам и направляющим определяется или есть спец. инструменты для этого в фотошопе?
Ведь слова могут быть разной длины в каждой ссылке, одинаковое расстояние сделать сложно, чтобы общий блок ссылок растянут по всей ширине был.
Чем сложно-то?) Общему блоку width: 100% , Ссылкам всем одинаковый padding-right — это и будет одинаковым расстоянием, и процентами подберите одинаковый width каждой ссылке, так, чтобы они были на всё меню
width: calc( 100% / N ) // N - количество ссылок
В фотошопе у вас тексты меняться особо и не должны, это шаблон. Главное нарисовать его так, чтоб верстальщик потом мог четко понять, что между пунктами меню нужно одинаковое растояние не зависимо от длины текста в пункте меню.
А сама реализация этого на CSS, на мой взгляд, лучше всего будет на flex, с указание выравнивания по ширине.
Но можно попробовать и через inline-block и снова таки выравнивание по ширине, примерно вот так: