我正在尝试删除以下段落中的空格。即使代码中没有空格,输出中也会出现空白区域。
这是代码
<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;
}
答案 0 :(得分:0)
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;
}
&#13;
<p class="doctor-locations">
LOCATION: VIKRAM HOSPITAL, <br>MANIPAL HOSPITAL, CLINIC
</p>
&#13;
答案 1 :(得分:0)
你能试试吗?
<p class="doctor-locations">
LOCATION :VIKRAM HOSPITAL, MANIPAL HOSPITAL, CLINIC
</p>
如果您想在HOSPITAL之后返回(另一条线路),请输入&#34; br /&#34; HOSPITAL和MANIPAL之间。像这样:
<p class="doctor-locations">
LOCATION :VIKRAM HOSPITAL,<br />MANIPAL HOSPITAL, CLINIC
</p>
答案 2 :(得分:0)
只需在每行后添加<br />
,然后在css中设置text-align: left