Квадратные ссылки

Квадратные ссылки не совсем правильное название, точнее ссылки не зависящие от ширины текста, входящего в них.

Самое простое решение - использовать свойство display со значением inline-block, генерирующим элемент, внутренняя чать которого форматируется как блочный <div>, а внешняя как встроенный <span>. После этого у ссылки можно задать ширину и высоту, как у дива. Её текст центрируется по горизонтали свойством text-align, а по вертикали свойством line-height (высота строки), значение которого должно быть равным высоте блока. Расстояние между каждым блоком ссылки будет 4px.

Далее »

  Комментариев нет