Border у пустого span

202
10 мая 2017, 06:48

Всем привет, подскажите пожалуйста нужно сделать вертикальный разделитель пунктирный без изображений с помощью border-left css, если есть содержимое в span то все работает, как сделать чтобы span был пустой и рамка отображалась? спасибо.

<span style="border-left: 2px solid #000; height: 100%;"></span> 

Не выводит т.к пустой.

Answer 1

Во-первых спану необходимо задать свойство display: inline-block; иначе задать высоту вы ему не сможете. А чтобы высота работала в процентах, то все родители так же должны иметь свойство height в процентах поэтому задавайте ширину в пикселях либо в других единицах. Если покажите код можно будет найти решение конкретно под вашу разметку.

Answer 2

span - инлайновый тег, border действует для блочных элементов. как и 100% высота просто так не будет работать, нужно чтобы у родителя тоже был height: 100%

html, 
body { 
  height: 100%; 
}
<span style="display: block; border-left: 2px solid #000; height: 100%;"></span> 

пунктиром

html, 
body { 
  height: 100%; 
}
<span style="display: block; border-left: 2px dashed #000; height: 100%;"></span> 

READ ALSO
Как привязать id к массиву?

Как привязать id к массиву?

ЗдравствуйтеУ меня на странице есть динамическое добавление полей input

272
Когда использовать form html

Когда использовать form html

Немного запуталсяПробую верстать по psd и иногда смотрю на пример(исходный код - как должно было бы быть)

421
Как снять выравнивание подменю (CSS)?

Как снять выравнивание подменю (CSS)?

Есть меню, которое состоит из двух списковВторой список появляется при наведении курсора на элемент первого списка

255
Проблема с кодировкой в названии файла PHP

Проблема с кодировкой в названии файла PHP

Когда я создаю файл он вместо приветphp создает какой-то привет

367