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

这是代码

 <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;
        }


html - 如何删除段落中的空格-LMLPHP

html - 如何删除段落中的空格-LMLPHP

最佳答案

justify上的text-align是正在执行的操作。您可以将其设置为left

添加<br/>将使您可以将项目移动到所需的下一行。



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

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

10-06 06:33