如何删除段落中的空格

Question

我正在尝试删除以下段落中的空格。即使代码中没有空格，输出中也会出现空白区域。

这是代码

 <p class="doctor-locations">
   LOCATION  :VIKRAM HOSPITAL,
   MANIPAL HOSPITAL, CLINIC
 </p>

这是css

.doctor-locations {
            font-size: 11px;
            color: $button-violet;
            font-weight: 600;
            text-align: justify;
            margin-left: 15%;   
            margin-bottom: 0;
        }

Answer 1

justify上的text-align就是这样做的。您可以将其设置为left：

添加<br/>将允许您将项目移动到您希望的下一行。

＆＃13;

＆＃13;

.doctor-locations {
  font-size: 11px;
  color: $button-violet;
  font-weight: 600;
  text-align: left;
  margin-left: 15%;
  margin-bottom: 0;
}

＆＃13;

<p class="doctor-locations">
  LOCATION: VIKRAM HOSPITAL, <br>MANIPAL HOSPITAL, CLINIC
</p>

＆＃13;

＆＃13;

＆＃13;

Answer 2

你能试试吗？

<p class="doctor-locations">
LOCATION&nbsp;:VIKRAM HOSPITAL, MANIPAL HOSPITAL, CLINIC
</p>

如果您想在HOSPITAL之后返回（另一条线路），请输入＆＃34; br /＆＃34; HOSPITAL和MANIPAL之间。像这样：

<p class="doctor-locations">
LOCATION&nbsp;:VIKRAM HOSPITAL,<br />MANIPAL HOSPITAL, CLINIC
</p>

Answer 3

只需在每行后添加<br />，然后在css中设置text-align: left