💄 Style: change line-break style of code element from anywhere to auto

CHANGELOG.md

@@ -42,6 +42,7 @@ All notable changes to this project will be documented in this file.
 - :art: Style: change the default icons of some social links
 - :bug: Fix: component `paginator` style error ([#188](https://github.com/hugo-fixit/FixIt/issues/188))
 - :lipstick: Style: fix language and theme switch cursor style ([#193](https://github.com/hugo-fixit/FixIt/issues/193))
+- :lipstick: Style: change line-break style of code element from `anywhere` to `auto`
 - :globe_with_meridians: Docs(i18n): update pt-br, de in i18n
 - :mag: Perf(SEO): enhance SEO performance
 - :wrench: Chore: modify babel config and optimize theme.js compilation and loading

assets/css/_partials/_single/_code.scss

@@ -9,7 +9,7 @@ code {
   text-decoration: inherit;
   @include border-radius($global-border-radius);
   @include overflow-wrap(break-word);
-  @include line-break(anywhere);
+  @include line-break(auto);
 
   [data-theme='dark'] & {
     color: $code-color-dark;

assets/lib/valine/valine.scss

@@ -51,7 +51,7 @@ $code-background-color-dark: #272C34 !default;
   code, pre, pre code {
     font-size: 90%;
     @include overflow-wrap(break-word);
-    @include line-break(anywhere);
+    @include line-break(auto);
     @include tab-size(4);
     color: $code-color;
     background: $code-background-color;