结尾的内容拆分和不以大写开头的标题

Question

所以我有了这个用 Wordpress 和 Elementor 新建的非英语博客。

我发布了我的第一篇文章，看起来一团糟。

我的问题在于单词会在行尾分开，并且标题不是以大写字母开头。整体格式看起来很糟糕。根据我的研究，我了解主题是这样做的。我尝试自己调整它，但我的编码技能非常有限。

这是链接：https://dreptulescu.ro/postura-corecta-de-ce-este-important-sa-tinem-spatele-drept/

在移动设备上看起来更糟，但桌面也不是很好。

谁能帮我一些自定义的CSS？如果有其他方法，很好，但我怀疑。

Answer 1

对于标题，试试这个。 （请注意，这会将每个单词的第一个字母大写，而不仅仅是第一个单词）。

h2 {
  text-transform: capitalize;
}

对于普通文本。 （你的文本真的应该在一个 p 标签中，或者至少是一个有自己的类的单独的 div）。

.text {
  overflow-wrap: normal;
}

如果你真的只想把标题的第一个字母大写，你需要一些 js。如果您的标题有任何子标题，这将不起作用，否则应该没问题。

const elements = document.querySelectorAll('h2');
elements.forEach((el, index) => {
  const words = el.textContent.split(" ");
  const firstWordAsArr = words[0].split('')
  firstWordAsArr[0] = firstWordAsArr[0].toUpperCase();
  words[0] = firstWordAsArr.join('');
  elements[index].textContent = letters.join("")
 } 
)