文本溢出css上的剩余边距

Question

CSS 中是否有一个选项可以向响应式设备上溢出的内容添加left padding？

输入

Lorem ipsum dolor sit amet, consectetur adipiscing elit donec euismod ipsum et nisl faucibus 

Desired Output在没有自动换行的响应式显示中中的文本重排

Lorem ipsum dolor sit amet, consectetur adipiscing elit
   donec euismod ipsum et nisl faucibus 

注意左侧的填充以适应响应式屏幕。这基本上可能表明该行必须被视为第一行，尽管为了适合屏幕而被打破。

我的用例处理在单行中容纳文本行（在较大的设备中，这不会成为问题。）；而在手持显示器中，它必须被明显地分解。 请注意，我们知道自动换行以适应屏幕，但它会影响显示的美感，并且不希望长时间水平滚动，因为我们在页面中有大量此类实例。我正在使用带有 markdown 的 jekyll。

TL;DR

只需要 CSS 来改变溢出的文本而不需要水平滚动。 （IE） 想要添加一个文本缩进：1em 到溢出的文本

Answer 1

你可以试试：

style="white-space:normal;word-wrap:break-word;"

white-space = 用空格分隔句子到下一行。

word-wrap = 将连续的句子/单词分到下一行。