长行句的断句方法

发布于 2024-10-14 19:53:57 字数 381 浏览 1 评论 0原文

我正在为我的网站开发一个 iPhone 主题，您能否将一个长句子分成这样的内容：

A long sentence would go past the iPhone screen and I need this to break

变成这样：

A long sentence would go past the iPhone
screen and I need this to break

显示如下：

http://uimgz.com/i/M8U5X5f2d1.png

原文

I'm developing an iPhone theme for my website, can you be able to break a long sentence something like this:

A long sentence would go past the iPhone screen and I need this to break

Into this:

A long sentence would go past the iPhone
screen and I need this to break

Showing like this:

http://uimgz.com/i/M8U5X5f2d1.png

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦归所梦 2024-10-21 19:53:57

如果您的文本有空格，则为换行元素添加宽度将自动破坏文本。但如果您的文本没有空格（例如链接），您可以使用 break-word：

.your-selector {
  word-wrap: break-word;
}

if your text has spaces then adding a width for the wrap element will break the text automatically. But if you have a text without a space (such as a link) you can use break-word:

.your-selector {
  word-wrap: break-word;
}

回复收藏 0 原文

情栀口红 2024-10-21 19:53:57

根据： https://developer.mozilla.org/en-US/docs /Web/CSS/white-space#Browser_compatibility

pre {
  word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}

word-wrap 似乎不再起作用，请改用 white-space

As per: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space#Browser_compatibility

pre {
  word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}

word-wrap doesn't seem to work any more, use white-space instead

回复收藏 0 原文