当前位置: 首页 > 面试题库 >

在CSS中包装长文本

公孙森
2023-03-14
问题内容

我有类似的文字

<div style="float:left; width: 250px"> PellentesquePellentesquePellentesquePellentesquePellentesquePellentesquePellentesquePellentesquePellentesquePellentesquePellentesquePellentesquePellentesquePellentesquePellentesque  feugiat tempor elit. 
Ut mollis lacinia quam. Sed pharetra, augue aliquam   ornare vestibulum, metus massalaoreet tellus, eget iaculis lacus ipsum et diam. </div>

我不想水平滚动。是否可以换行(自动换行)。我知道有一些IE特定属性。

感谢您的时间。

更新:我也可以使用jQuery,Javascript,PHP来做到这一点。但是如何?我的意思是字母(字体)不是固定宽度或您所说的那样。


问题答案:

我使用组合

word-wrap: break-word;
overflow: hidden;

处理这个。该word- wrap设置将允许在支持该属性的浏览器中将单词包装起来,而不管其长度,而该overflow设置将导致该单词在不识别的浏览器中可用空间的末尾被切断word- wrap。这与不使用javascript可能获得的降级效果一样好。



 类似资料:
  • 问题内容: 当使用时,如何指定最大列数,当内容对于空间而言变得太宽(或小于最小大小)时,列数自动中断?有没有媒体查询的方法吗? 例如,我有以下内容,当内容没有足够的空间时,它们不会进入单列模式。 问题答案: HTML或CSS都没有关于何时容器包装后代的概念。 本质上,浏览器在初始级联期间渲染文档。子包装时,它不会重排文档。 因此,要更改列数,您将需要在行的某处设置宽度限制或使用媒体查询。 如果您可

  • 在我的vuejs项目中,我想将我的个人css文件包含在由*.vue文件中的样式生成的缩微css文件中 在app.vue中,我有: 并且我使用ExtractTextPlugin来提取和缩小*.vue文件中的样式: 所以我的网站,插件中的app.conbtenthash.css文件和我导入的三个文件。但有没有反正包括我的三个导入文件在应用程序css文件? 比你强!

  • 问题内容: 我在Java中有一个JTextArea。当我在其中放置大量文本时,文本区域将提供水平滚动。 我该如何使文本区域换行? 问题答案: 使用方法。Swing 教程中也对此进行了说明。

  • 问题内容: 如何在Yii Framework中包含Javascript或CSS文件? 我想在我的网站上创建一个页面,该页面上运行着一个小Javascript应用程序,因此我想在特定视图中包含和文件。 问题答案: 像这样:

  • 本文向大家介绍在Bootstrap Navbar中包装文本字符串,包括了在Bootstrap Navbar中包装文本字符串的使用技巧和注意事项,需要的朋友参考一下 使用.navbar-text类将文本字符串包装在元素中。 示例 您可以尝试运行以下代码以在Bootstrap Navbar中设置文本-

  • 我在FOP中有一个表,它工作得很好,直到我得到一个很长的单词。然后,该单词会覆盖表格中结束的单元格。我在表格单元格和/或单元格块中尝试了wrap-option="wrap ",但它不起作用 因为我想只显示位太复杂了,这里是完整的xsl文件: 单元格数据4存在问题……比如一次255个数字或字符,没有连字符或空格。 输入来自数据库,但可能如下所示: 结果应该是如下表格: 在单元4中依此类推 现在上面的