div中的內聯p標籤

我試圖在div容器中顯示3個內嵌p標籤，但當我更改p標籤的font-size時，我遇到問題。我是否需要調整標記的line-height或者是否有通用命令？div中的內聯p標籤

另外，除了使用margin-left或margin-right之間的標籤之間是否還有其他的方法可以在p標籤之間加一個空格呢？

.container{ 
width:200px; 
padding:10px; 
display:inline; 
} 

.one{ 
float:left; 
font-size:25px; 
} 

.two{ 
float:left; 
} 

.three{ 
float:left; 
} 


<div class="container"> 
<p class="one"> 
    sentence one 
</p> 
<p class="two"> 
    sentence two 
</p> 
<p class="three"> 
    sentence three 
</p> 
</div>

來源

2016-11-01 Student

你的意思是，你需要在同一行中的所有內容？在這種情況下，200px的寬度將包裹您的文本。 –

「有問題」？什麼問題？ –

不要使用float設置內聯元素。使用display:inline;

工作DEMO。

但我建議你避免p內聯元素，使用span而不是被建立爲。

的HTML <span>元件是用於措辭內容

Workind DEMO一個通用的在線容器。

來源

2016-11-01 16:59:26 paolobasso

您可以使用display:inline-block，如果你想使用p標籤

這裏是JSFiddle

但paolo.basso99說，顯示inline元素，你應該使用span標籤。

希望這有助於。

來源

2016-11-01 17:07:05

這種情況可以使用CSS Flexbox來實現。要使它們等距並垂直居中，您需要應用這些CSS屬性。

看看代碼jsFiddle。

只需添加你的情況下列屬性的父元素及其.container

.container { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
}

來源

2016-11-01 17:09:41

div中的內聯p標籤

回答

相關問題