паказаць фон пустога прамежку

Дапусцім, што ў мяне ёсць тэрмін, і я ўсталяваць малюнак у якасці фону пралёта, як гэта:


Як вы можаце бачыць вышэй, мой дыяпазон пусты. Калі я кладу некаторы ўтрыманне ў маім пралёце, як:

Some content...

Я магу бачыць фонавы малюнак пралёта без праблем. Але калі я пакінуць прамежак пусты я не бачу фонавы малюнак. Я зразумеў, што я мог бы вырашыць гэтую праблему, дадаўшы некаторы дадатак да майго пралёту, як:


Але ёсць іншы спосаб, я магу зрабіць гэта, не дадаючы некаторы дадатак да маёй пралёце і трымаць прамежак пустым?

Дзякуй

9
Элемент павінен мець некаторую шырыню і вышыню для таго, каб фон, каб быць бачным. Што вы спрабуеце зрабіць? будзе пралёт калі-небудзь кантэнт?
дададзена аўтар Marc Audet, крыніца
ня будзе адлюстраваны пусты прамежак. Дадаць запаўняльнік, шырыню/вышыню ці нешта яшчэ, каб адлюстраваць пусты прамежак ...
дададзена аўтар Michael Schmidt, крыніца

6 адказы

Вы атрымаеце той жа эфект, выкарыстоўваючы ўбудаваны блок, але налады шырыні і вышыні, замест таго, каб выкарыстоўваць водступы.


Акрамя таго, яшчэ нешта, што можа вам падножку гэта вы карыстаецеся падвойныя двукоссі ўнутры атрыбуту HTML, які будзе заблытаць сінтаксічны аналізатар і можа прывесці да нечаканых вынікаў. Я змяніў іх адзінарныя двукоссі ў кодзе, я напісаў вышэй, хоць ніякіх цытат не будзе рабіць так жа добра.

11
дададзена

проста не зрабіць яго пустым: паставіць «пусты» ўнутры. Ёсць тры спосабу, каб зрабіць гэта:

  1. simple space and add style white-space: pre; to it

  2. Non-breaking Space   or  

  3. The non plus ultra is, to let CSS do the trick for you:

дадаць гэты стыль да вашага пралёту:

 :before {
    content: "\200D";
    display:inline;
 }  

Што здарылася:

дадаць ўтрыманне да (або лепш «перад ўнутры») вашага дыяпазону, які адлюстроўвае нулявая шырыня , і ваш дыяпазон не пуста enymore

5
дададзена

Па змаўчанні пралётаў з'яўляюцца ўбудаванымі элементамі старонкі (а не элементы «блока»). Гэта азначае, што яны не будуць займаць больш месцы на старонцы, чым ускладзеныя на іх, напрыклад, калі змясціць тэкст у іх (як вы выявілі). Для таго, каб дасягнуць таго, чаго вы хочаце, вам трэба трохі CSS, каб вызначыць вышыню і шырыню пралёта, але вы таксама павінны зрабіць гэта блок-элемент так, што ён аказваецца пастаянна.

У якасці альтэрнатывы, вы можаце пераключыцца на нешта накшталт DIV, які ўжо блёкавая элемент. Аднак варта адзначыць, што вызначэнне элемента блока азначае, што <�моцны> будзе займаюць прастору на вашай старонцы. Калі вы жадаеце што-то больш дынамічнае разгледзець некаторыя на лета маніпуляцыі элемента з JavaScript, або аналагічнай.

(У любым выпадку, ігнараваць парады ў іншым месцы на гэтай старонцы аб адзінарных і двайных двукоссі ў HTML атрыбутаў: гэта поўная лухта) </справы>.

5
дададзена
Цалкам дакладна, мой дрэнны. Я меў на ўвазе падвойныя/адзінарныя двукоссі ў атрыбутах, перыяд (г.зн. не <�я> у </я> атрыбуты). Прашу прабачэння.
дададзена аўтар Ben, крыніца
Гэта не драбяза. OP выкарыстоўвае двайныя двукоссі ўнутры значэння атрыбута HTML, што прывядзе да заўчаснага спынення кошту і дыетычнай HTML. Калі ў мяне ёсць <div назва = "маё імя" Bob "!»> </div> , значэнне атрыбуту загалоўка будзе «маё імя». Так атрыбут стылю OP быў бы ў канчатковым выніку «фон: URL (», што відавочна няправільна.
дададзена аўтар Alyssa Ross, крыніца

Вам трэба будзе падаць шырыня і вышыня , каб паказаць фон. Калі вы друкуеце нешта ў ім вы змушае як з тэкстам.


0
дададзена

спрабаваць


0
дададзена

You should set a width and height.
In the following SO-Question is a tip, how to get the size of the background-image: How do I get background-image size in jQuery

0
дададзена