<p>
태그로 작업하는 동안 같은 줄을 유지하려면 어떻게 해야합니까?
답변
display: inline
CSS 속성을 사용합니다 .
이상적 : 스타일 시트에서 :
#container p { display: inline }
나쁜 / 극단적 인 상황 : 인라인 :
<p style="display:inline">...</p>
답변
<p>
단락 태그는 텍스트의 단락을 지정하기위한 것입니다. 텍스트가 새 줄로 시작하지 않도록하려면 <p>
태그를 잘못 사용하는 것이 좋습니다 . 아마도 <span>
태그가 당신이 달성하고자하는 것에 더 가깝게 맞을 것입니다 …?
답변
답변
다음과 같이 :
p
{
display:inline;
}
스타일 시트에서 모든 p 태그에 대해 수행합니다.
답변
Flexbox가 작동합니다.
.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>