Jak mogę pozostać na tej samej linii podczas pracy z <p>
tagiem?
<span>
. <p>
jest przeznaczony dla akapitów.
display: inline;
zamiast display: block;
), jest to dobra wskazówka, że możesz używać niewłaściwego tagu ...
Jak mogę pozostać na tej samej linii podczas pracy z <p>
tagiem?
<span>
. <p>
jest przeznaczony dla akapitów.
display: inline;
zamiast display: block;
), jest to dobra wskazówka, że możesz używać niewłaściwego tagu ...
Odpowiedzi:
Użyj display: inline
właściwości CSS.
Idealnie: w arkuszu stylów:
#container p { display: inline }
Zła / ekstremalna sytuacja: w tekście:
<p style="display:inline">...</p>
SPAN
wydaje się lepiej pasować do tej sytuacji.
one.beat.consumer
powiedział
Znacznik <p>
akapitu służy do określania akapitów tekstu. Jeśli nie chcesz, aby tekst zaczynał się w nowej linii, sugeruję <p>
nieprawidłowe użycie tagu. Być może <span>
tag bardziej pasuje do tego, co chcesz osiągnąć ...?
Natknąłem się na to w przypadku css
span, p{overflow:hidden; white-space: nowrap;}
za pomocą podobnego pytania o przepełnienie stosu
coś jak:
p
{
display:inline;
}
w twoim arkuszu stylów zrobiłoby to dla wszystkich znaczników p.
Flexbox działa.
.box{
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-content: center;
align-items:center;
border:1px solid #e3f2fd;
}
.item{
flex: 1 1 auto;
border:1px solid #ffebee;
}
<div class="box">
<p class="item">A</p>
<p class="item">B</p>
<p class="item">C</p>
</div>