gpt4 book ai didi

html - 文本溢出 css 上的边距

转载 作者:行者123 更新时间:2023-11-27 22:46:09 25 4
gpt4 key购买 nike

CSS 中是否有一个选项可以在响应式设备上向溢出的内容添加左填充

输入

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

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

我的用例涉及在一行中容纳多行文本(在较大的设备中这不会成为问题。);而在手持显示器中,它显然必须被分解。请注意,我们知道自动换行以适合屏幕,但它会影响显示的美感,并且长时间的水平滚动是不可取的,因为我们在页面中有相当多的此类实例。我正在使用 jekyll 和 markdown。

TL;DR

只需要 CSS 改变溢出的文本,而不需要水平滚动。(IE)想要在溢出文本中添加文本缩进:1em

最佳答案

你可以试试:

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

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

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

关于html - 文本溢出 css 上的边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59624895/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com