在图片描述中添加空格

Question

我有一个画廊灯箱与每个图像的描述，从html中获取它有没有一种方法，我可以把它放在代码中，这样它就会给文本一个空格，甚至将每个文本分开

例如，在某行中，描述文本来自：

 < p > image title < p > 

< p > image description < p > 

因此，结果是显示在同一行，相同的颜色和相同的样式，我应该做什么，以添加一个空格，在弹出的图像描述

我把 放在电脑上但它不能工作

Answer 1

很明显，看起来你不会关门了

图片标题

。但实际上问题出在"p“标签本身。对于合适的间距，请考虑使用"div“标签，然后让它合适的填充和页边距，无论你觉得更好。

<div class="title"> image title </div>

和

<div class="description"> image description </div>

Answer 2

您可以使用CSS将边距添加到段落标签：

p {
    margin-left: 10px;
    margin-right: 10px
}

Answer 3

这个问题的描述不是最清楚的，但看起来你可能想在P标签的开头/结尾添加空格？你能用CSS在P的左边和右边加填充吗？

p {
  padding: 0 10px; 
}

或者内联在实际的P标记上...

<p style="padding-left: 10px;">

如果问题是忽略了空格，那么HTML就会忽略前导空格，因此您需要使用CSS来调整空格属性。举个例子。

p {
  white-space: pre-wrap;
}