css - 如何使用 CSS 控制单词之间的间距

Question

我正在格式化一个包含简介的网页。字间距关闭，如下图所示:

请告诉我如何更改我的 CSS 以获得正确的字间距:

.column1 {
  float: left;
  margin-right: 40px;
}

.column2 {
            
}
     
p { 
  color: #000000; 
  letter-spacing: normal;
  font-family: 'Helvetica Neue', sans-serif; 
  font-size: 14px; 
  line-height: 24px; 
  margin: 0 0 24px; 
  text-align: justify; 
  text-justify: inter-word; 
}

<div class="column1"> 
<img alt="" src="/portals/2/Martin%20Profile.jpg" style="width: 100px; height: 100px;" title="" />
<br> Apptiv Solutions
<br> Founded 2015 
<br> Martin Muldoon
<br> Founder 
</div> 

<div class="column2">
<p>Martins introduction to the Brewing Industry first took place in 1995. While working as a Development Engineer at Trigen Energy Corporation, he was called upon to assist in the acquisition of the power plant assets of the Coors Brewery in Golden Colorado. To this day, the Coors plant is the largest single site brewery on earth providing 30% of all beer in the U.S.</p>
</div>

Answer 1

这是由正当理由引起的。你也有一些错别字，一个额外的 "，normal-family 将是 font-family & letter-spacing 应具有 px、em、rem 等单位值。

如果您希望在桌面上保持对齐，您可以使用媒体查询将 text-align 设置为在移动 View 中向左对齐。否则只需删除所有 View 的理由以避免该间距(根据您的利益调整值):

@media (max-width: 414px) {
  p {
    text-align: left;
  }
}

Working Resizable Fiddle