隐藏超出 DIV 元素的文本

2023-11-26


我有一个固定宽度的 DIV 元素,其中有一些文本,其中没有任何空格供 HTML 解析器自动分成多行。文本超出了 DIV 的限制并弄乱了 pgae:

  1. 有没有办法让超出边界的文本不可见?
  2. 是否可以将其分成多行,或者更好地分成多行,并在每条折行的末尾加一个连字符?

Regards,
Rafid


你可以这样做CSS.

有没有办法让超出边界的文本不可见?

Yep: overflow

#yourDivId {
    overflow: hidden;
}

是否可以将其分成多行

Yep: word-wrap

#yourDivId {
    word-wrap: break-word;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

隐藏超出 DIV 元素的文本 的相关文章

  • 当动态列的 ng-prime 数据表中的行更新时如何更新行背景颜色?

    我想在行更新时更改行颜色 记录更新成功时如何设置行背景颜色 html
  • html 可嵌入 flash wav 播放器

    我需要一个可在 IE FF 和 Chrome 中播放 wav 文件的嵌入式音频播放器 目前无法转换为 mp3 或任何其他格式 该播放器应该非常简单 只有一个播放 暂停按钮 也许还有一个时间轴栏 用户可以单击该时间轴栏来转到音频的特定部分 还
  • Selenium driver.page_source() 仅提取部分 HTML DOM

    我有一个网页 当我右键单击它然后查看页面源时 我得到 SECTION A 但是当我点击它然后检查时 我得到了更长的输出 我尝试使用 JS 获取页面源 但同样的问题 我得到了输出SECTION A 我怎样才能解决这个问题 注意 我正在寻找通用
  • 如何更改单选按钮与其文本之间的间距?

    我有以下 HTML
  • 用于自由形式绘图的 javascript 库

    是否有一个 JavaScript 库可以让我在网页上绘图 然后保存该绘图的状态 我想使用鼠标绘制 2D 图像 然后如何存储和加载该绘图 使用 HTML5 画布 绘制图像的简单示例如下 http jsfiddle net ghostoy wT
  • 在 IE 中使用
    标签时,填充不起作用

    我在我的应用程序中使用 HTML5 标签 标签的填充在 chrome ff 和 safari 中工作正常 但在 IE 中不起作用 我尝试添加显示 块 与部分样式 但它没有用 有什么解决办法吗 许多旧浏览器不理解 HTML5 标签 例如sec
  • 在文档片段中查找注释或文本节点

    我必须清理 Nokogiri HTML DocumentFragment 文档 删除仅包含空格的注释节点和文本节点 这是一个例子 html p paragraph p p paragraph p p paragraph p doc Noko
  • 如何在 html 画布上使文本适合精确的宽度?

    如何在 html5 画布上将单行文本字符串调整为精确的宽度 到目前为止我尝试过的是以初始字体大小编写文本 测量文本的宽度measureText my text width 然后根据我想要的文本宽度和实际文本宽度之间的比例计算新的字体大小 它
  • data:image/png;base64 是什么意思?

    我从一个在线网站上举了一个例子 CSS 包含一个指向 png 的 URL 和一些随机字母 在这两种情况下 任何人都可以告诉我如何制作这样的代码 或者更确切地说 这些代码是关于什么的 这是html
  • 我在没有任何用户操作的情况下显示 javascript 输出时遇到问题

    这就是问题 如果一个整数大于 1 并且只能被 1 和它本身整除 则该整数被称为素数 例如 2 3 5和7是素数 但4 6 8和9不是素数 a 编写一个函数来确定一个数是否为素数 b 在脚本中使用此函数来确定并打印 1 到 10000 之间的
  • HTML Mobile - 强制软键盘隐藏[重复]

    这个问题在这里已经有答案了 我正在为一家优惠券公司开发前端网站 我有一个页面 用户只需输入电话号码和花费的美元 我们想出了一个有趣的内置 Javascript 屏幕键盘 它易于使用且快速 但是 我正在寻找一种解决方案 以在用户聚焦并在这些字
  • 如何将 HTML 转换为 Textile?

    我正在抓取一个静态 html 网站并将内容移至数据库支持的 CMS 中 我想在 CMS 中使用 Textile 有没有一种工具可以将 HTML 转换为 Textile 这样我就可以抓取现有网站 将 HTML 转换为 Textile 然后将该
  • Flexbox 调整大小和可滚动溢出[重复]

    这个问题在这里已经有答案了 我有正在调整大小的内容 并且我想要一个固定标题 该标题不会增大 缩小 并且不属于可滚动内容的一部分 如果空间不足 下面的内容将变得可滚动 内容外包装 flexGrowWrapper has a flex grow
  • jquery无法获取data属性值

    我正在尝试在 jQuery 中设置一个变量 该值应该在按钮的单击事件上设置 onclick 事件触发 但 x10Device 变量仍然存在undefined 我使用的是jquery 1 7 1 jQuery x10Device this d
  • 能够使用 Bootstrap 3 网格系统指定选择元素的宽度

    我有以下内容
  • Twitter Bootstrap - 下拉菜单 - 箭头键不适用于 Firefox 中的输入标签

    要求 我想在带有用户名和密码字段的下拉菜单中放置一个登录表单 我可以做到这一点 除了以下问题之外 一切正常 Issue 打字时我无法使用箭头键 上 下 firefox 当输入位于下拉代码之外时 这很有效 这适用于其他浏览器 例如 googl
  • 如果 CSS 是渲染阻塞的,为什么我们会看到 FOUC?

    为了构建渲染树 浏览器需要 DOM 和 CSSOM CSSOM 只有在下载 CSS 后才能构建 本质上 一旦下载了 CSS 页面就应该可以正常渲染了 但是 为什么我们会在页面上看到 Flash Of Unstyled Content FOU
  • SVG线宽问题

    我开始了我的svg学习 我想用svg线做一些技巧吧 但有件事我不明白 我为每个技能创建 2 行 一行是空的 另一行是知识百分比 问题是 前两行的高度是我给出的笔画宽度的一半 其他线都有很好的高度 这是一个 jsbin http jsbin
  • 未捕获的异常:数据表编辑器 - 不允许远程托管代码

    我正在尝试使用 Datatables 使用 datatableseditor 来实现 CRUD 操作 但是我收到错误消息 1 未捕获的异常 数据表编辑器 不允许远程托管代码 请参见http editor datatables net有关如何
  • 将文本字段限制为仅包含数字的最佳方法?

    I m using the following Javascript to restrict a text field on my website to only accept numerical input and no other le

随机推荐

  • 为什么无法将 XDocument XDeclaration 编码类型设置为 iso-8859-1?

    为什么下面的代码没有设置XML声明编码类型 它始终将编码设置为 utf 16 我错过了一些非常明显的东西吗 var xdoc new XDocument new XDeclaration 1 0 iso 8859 1 null new XE
  • getRight、getLeft、getTop 返回零

    我正在使用以下代码 但所有方法都返回零值 我知道要获取视图的坐标 应该绘制我们的视图 这就是为什么我在 onResume 方法中使用代码但仍然不起作用 任何想法 Override public void onResume super onR
  • 为什么 Integer.MIN_VALUE 的绝对值等于 Integer.MIN_VALUE

    在java中当我说Integer i Math abs Integer MIN VALUE 我得到与答案相同的值 这意味着i包含Integer MIN VALUE 我也在 C 中验证了同样的情况 为什么会有这种行为 阅读 Joshua Bl
  • 无法从 shell 访问集合 - SyntaxError: Missing ;之前的语句(外壳):1

    我编写了一个脚本 使用 mongoimport 将 csv 文件加载到 mongodb 中 当我对两个相似的 csv 文件 同一类型 运行此命令时 两者都可以正常上传 但是我只能从 mongodb shell 访问其中一个 以下是 mong
  • 如何生成变更日志:自上次 Hudson 构建以来的 git 日志?

    我正在使用 Phing 在 Hudson 中执行构建后任务 我想生成包含自上次成功构建 Hudson 以来的所有提交的变更日志 但看起来 Hudson 和 Hudson 的 Git 插件都不提供 last build time 多变的 这将
  • LibGit2 LibGit2Sharp (+SSH) 的 SSH 私钥应采用哪种格式

    我有点陷入 SSH 私钥问题和 LibGit2Sharp Ssh 的困境 我有一个 Net C 应用程序 它使用 LibGit2Sharp Ssh 克隆 Git 存储库 我需要使用 SSH 带有用户 密码的 https 不是一个选项 并且我
  • 文本/javascript 与应用程序/javascript [重复]

    这个问题在这里已经有答案了 我对 MIME 类型的语义很好奇application javascript versus text javascript 除了明显的之外 一个是要执行的 另一个是文本 I see application jav
  • 检查Android设备是否支持4K视频?

    我正在尝试在我的应用程序中播放 4K 视频 但只要所有设备都无法播放 4K 视频 我就会遇到一些麻烦 在播放视频之前 如何在运行时检查该设备是否支持它 首先 您必须记住 4k 只是一个分辨率 但您还必须记住比特率 以下是测试在特定设备上是否
  • 如何在shiny::numericInput 中使标签和框彼此相邻对齐?

    是否有可能创建一个numericInput 对于闪亮的地方 盒子位于标签旁边 而不是默认的标签下方 这是一个简单的例子 library shiny ui lt shinyUI fluidPage titlePanel Shiny with
  • 将文件中每一行的第一个字母更改为大写

    我需要将文件中每一行的第一个字母更改为大写 例如 the bear ate the fish the river was too fast 会成为 The bear ate the fish The river was too fast 该
  • 从 Xsd 构建 UI 的工具包或应用程序

    我需要构建一个用户界面来编辑和创建符合给定 xsd 架构的 xml 文档 我想做的是 尽可能基于该 xsd 架构生成我的用户界面 xsd 模式可以 并且将会 随着时间的推移而改变 因此解决方案需要具有一定的灵活性 用户界面需要是一个 Web
  • Firebase 存储使用 490MB 但我没有存储桶?

    Firebase 存储正在使用 490 MB 但尚未初始化任何存储桶 我无法追踪该存储的来源 但检查 Firebase 对空存储收取 0 10 美元的费用是很奇怪的 我在哪里可以删除此存储以及为什么 firebase 因没有存储桶而收费 目
  • Dijkstra算法:如果有两个或多个权重最小的节点怎么办?

    在 Dijkstra 算法中 如果算法中的某个点有两个或多个权重最小的节点 我该怎么办 在维基百科中 http en wikipedia org wiki Dijkstra 27s algorithm在步骤号 6 它说 将暂定距离最小的未访
  • 使用 pip 安装 TextBlob 时遇到问题

    我在 Windows 10 上使用 pip 在命令行中安装 TextBlob 时遇到了一些困难 根据他们的文档 您需要连续运行两个命令 pip install U textblob python m textblob download co
  • 非轴对齐矩形交集[关闭]

    Closed 这个问题需要多问focused 目前不接受答案 我正在尝试找到一种算法来计算两个矩形 不一定是轴对齐 之间的交集 并返回结果交集 这个问题描述寻找是否存在交叉点 我想要得到交叉点的最终形状 如果存在 我对该算法的应用将使用一个
  • 从“docker ps”获取容器 ID 的 Shell 命令

    我基本上希望实现这两个步骤 1 运行docker镜像 docker run p 80 80 某些图像名称 25 2 现在 docker ps 返回有关容器的完整数据 但我只是在寻找容器 ID 3 对其进行一些测试 例如 docker exe
  • jquery颜色动画间歇性地抛出无效的属性值

    我正在尝试为 ASP Net 超链接的背景设置动画 以在更新面板刷新时进行黄色淡入淡出 到目前为止 它几乎在所有时间都有效 但偶尔会抛出一个 JavaScript 错误 无效的属性值 它调试到jquery颜色插件代码到这一行 fx elem
  • 为 STL 排序算法定义 < - 运算符重载、函子还是独立函数?

    我有一个包含 Widget 类对象的 stl list 它们需要根据 Widget 类中的两个成员进行排序 为了使排序工作 必须定义一个比较两个 Widget 对象的小于比较器 似乎有无数种方法可以做到这一点 据我所知 人们可以 A 在类中
  • 获取内存上的可用空间

    是否可以通过 Android SDK 获取 Android 设备 而不是 SD 卡 上的可用内存量 如果是这样 怎么办 this帖子可能很适合您的问题 还检查这个线程 这里有很多关于SO的信息 谷歌搜索了一下 这是解决方案 位于安卓 git
  • 隐藏超出 DIV 元素的文本

    我有一个固定宽度的 DIV 元素 其中有一些文本 其中没有任何空格供 HTML 解析器自动分成多行 文本超出了 DIV 的限制并弄乱了 pgae 有没有办法让超出边界的文本不可见 是否可以将其分成多行 或者更好地分成多行 并在每条折行的末尾