程序员经验分享-hwhale

向左而不是向右溢出

2023-11-27

我有一个 divoverflow:hidden，其中我在用户键入时显示电话号码。 div 内的文本向右对齐，并且当文本向左增长时，传入字符将添加到右侧。

但是，一旦文本太大而无法放入 div 中，数字的最后一个字符将被自动裁剪，用户将无法看到她输入的新字符。

我想要做的是裁剪左侧的字符，就像 div 显示最右侧的内容并溢出到左侧一样。我怎样才能创造出这种效果？

overflowing phone number to left


您是否尝试过使用以下方法：

direction: rtl;

欲了解更多信息，请参阅
http://www.w3schools.com/cssref/pr_text_direction.asp

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

css

html

Overflow

向左而不是向右溢出 的相关文章

  • 为什么开发者讨厌 iframe？ [复制]

    这个问题在这里已经有答案了 可能的重复 iframe 被认为是 不好的做法 吗 https stackoverflow com questions 362730 are iframes considered bad practice 在与

  • 身体动画不流畅

    下面代码中的 spaceShip 在开始按住任何箭头键时移动并不顺利 它移动一步 冻结一瞬间 然后 平稳 地移动 怎样才能让它从一开始就顺利运转 而不是 冻结 My code

  • 更改元素的顺序

    我正在创建一个浮动宽度的网站 用户在智能手机上使用从全高清分辨率到约 600 像素的屏幕 这似乎是一个不错的主意 这就带来了一个非常有趣的问题 当用户使用比最佳分辨率更小的分辨率时 页面的高度会增加很多 这意味着更改某些元素 例如某些图像

  • 指南针字体输出错误的字体文件路径

    font face font family HelveticaNeueLTStd Lt src url css fonts HelveticaNeueLTStd Lt otf format opentype 这是我的指南针代码的输出 inc

  • 使用 highcharts 时，为什么 Bootstrap 选项卡显示宽度不正确的选项卡窗格 div？

    因此 我正在使用 Twitter 的 Bootstrap 创建一个包含选项卡式内容的页面 但我的起始活动 div 的内容始终与其他选项卡的内容不同 例如 我在不同的选项卡中使用 highcharts js 放入图表 但活动选项卡始终显示正确

  • jQuery：离线后 POST 出错（iOS 和 Chrome）

    我构建了一个具有离线功能的 HTML5 Web 应用程序 使用 AppCache 程序流程为 Online 在网络上时 应用程序预加载一些基本信息 工作 Offline 用户拿着装有应用程序的平板电脑offline 然后在应用程序上执行他们

  • 先按行再按列布局 div

    我有一个容器div and 3 div里面如下 div div 1 div div 2 div div 3 div div 不知道每一个的内容div内部 但它们的高度和宽度是可变的 集装箱的高度由最高的决定div inside 我想展示这些

  • 如何消除 HTML 内容周围的边距？

    以下 HTML 显示正常 div style width 100px height 100px background red div Hello div div

  • jQuery - 如何从 div > p 获取文本

    如何从 div 类中获取主题名称 div class subject img src image eng jpg p English p div div class subject img src image bio jpg p Biolo

  • 我如何能够以两行显示标题，并且每行的字体大小不同？

    我正在使用 Google Chart API 创建时间线图 并希望将图的标题修改为两行 问题 我如何能够显示具有不同字体大小的两线图表标题 电流输出 理想输出 相关研究 我唯一能找到的是有人试图用饼图来做到这一点 但我尝试了但无法使其发挥作

  • 如何隐藏div元素中太长的文本？

    如何隐藏 div 中的溢出 如果文本比 div 长 则文本将换行到新行 div style width 50px border 1px solid black test test test test div 也许是 CSS 属性text o

  • socket.io 的良好初学者教程？ [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi

  • 使用 css 简单地将对象居中，无需修改

    我想使用 CSS 将对象居中 而不需要任何技巧 这可能吗 如何实现 我已经尝试过了 但是我的 p 标签消失了 centered position fixed top 50 left 50 有多种方法可以使元素居中 但这取决于您的元素是什么以

  • 删除子元素上的 CSS 过滤器

    我的 CSS 代码有问题 正如您所看到的 我在 li 元素上有过滤器 但它覆盖了其他元素 我需要使其他两个元素没有过滤器 有没有可能这样做 main width 300px height 300px background color blu

  • Angular - CSS - 自定义类型=文件输入，如何使用按钮而不是标签？

    我制作了一个类型为 file 的自定义输入字段 因为我不喜欢默认的输入字段 为了实现这一目标 我做了

  • 为什么 IE8 在我的图像锚标记上添加底部边框？

    我知道 这很可悲 但今天早上 IT 刚刚在我的机器上安装了 IE8 我立刻遇到了一个明显的问题 尽管我知道答案就在我面前 但我已经把它搞砸了太久了 首先 这是网站 www mchenry edu http www mchenry edu 在

  • CSS 类命名约定

    在网页上 有两个控件块 主要和次要 大多数人会使用什么类名 选择一 div class primary controls div

  • HTML5 MediaSource 适用于某些 mp4 文件，但不适用于其他文件（相同的编解码器）

    我正在玩 MediaSource API 代码直接取自 Mozilla 的示例页面 https developer mozilla org en US docs Web API MediaSource endOfStream https d

  • 刷新页面时保存用户的选择

    我目前有一个页面显示不同团队的数据 我有一些数据 用户可以单击使其处于 打开 或 关闭 状态 并为每个数据显示不同的图标 它基本上就像一个清单 只是没有物理复选框 我想记住哪些 复选框 已被选中 即使在用户刷新页面或关闭浏览器并稍后返回之后

  • CSS3 信封形状

    正如您可能已经猜到的 该图像是邮件信封形状的一部分 如果可能的话 我想使用 CSS3 创建该形状 我已经制作了其他部分 但这个很棘手 该形状需要两侧都有三角形切口和圆角 大概是 border radius bottom left borde

随机推荐

  • 通过App连接WiFi网络

    我实际上创建了一个应用程序 其中对内容的访问应受到用户连接的 WiFi 网络的限制 那么是否可以通过App自动登录安全WiFi呢 我不想强迫用户手动执行此操作 对于用户来说它应该尽可能简单 也许有一种方法可以为设备安装网络配置文件或类似的东

  • 获取盈透证券 API 中列出的期权和期货的参数

    有很多例子展示了如何从盈透证券获取特定资产的价格 然而 当我想获得一项资产的整个期权链时 我不知道列出了哪些特定的行使价 期货也是如此 我不知道目前有哪些到期日 因此 对于期权 我只是循环遍历所有可能的罢工 reqMktData对于每个 还

  • 使用 NEST 和 ElasticSearch 进行删除

    我在使 NEST 的 DeleteByQuery 方法正常工作时遇到了一些困难 很简单 查询从未找到任何要删除的内容 我不明白为什么 我使用相同的查询返回记录 使用搜索 一切都按预期进行 private void Delete MyClas

  • ImageIO.write 不起作用？

    我正在编写 3D 绘画 并且在 java 中发现了一个问题 在代码的一部分中它正在工作 try ImageIcon savePane new ImageIcon save png String FilePath String JOption

  • 在管道中并行限制詹金斯

    我通过下面的代码看到了这条消息 在JENKINS 44085 如果我已经有一个包含 50 个项目的分支图 但我想一次并行 5 个项目 我需要如何修改此代码 我的代码已经在名为branches 的 var 中包含了 50 个项目的映射 put

  • 从 HTML 链接时，javascript 文件不工作

    所以我觉得 并希望 这很简单 我是 javascript 新手 正在尝试让它工作 当我从 html 链接到外部 js 文件时 它不起作用 但是 当将脚本代码直接输入到我的 HTML 中时 它确实可以工作 这是js文件 document re

  • 如何在 ASP.NET MVC Web API 中修剪模型的空间

    修剪传递给 MVC Web api 的模型的所有属性的最佳方法是什么 带有复杂对象的 post 方法 可以做的一件事就是在所有属性的 getter 中调用 Trim 函数 但是 我真的不喜欢这样 我想要一种简单的方法 就像这里提到的 MVC

  • 浮点运算：为什么加法顺序很重要？

    我知道不可能用有限的位数将所有数字表示为任意精度 并且浮点数的简单比较是不可取的 但我希望如果我将许多数字加在一起 order 我在其中添加它们并不重要 为了测试这个预测 我创建了一个随机数向量并计算它们的总和 然后对向量进行排序并再次计算

  • 如何将 与远程文件一起使用？

    我有一个专门用于静态内容的服务器 所以我不想使用资源目录来存储 javascript 文件 但我不想停止使用

  • 使用作用域时，$dialog 中的 ngModel 字段不会更新 ngDialog $scope 变量：$scope

    我有一个使用 ngDialog open 创建对话框的控制器 我在弹出的 dialog 中分配范围 scope 并使用 ng model 设置范围变量 但是 这些值并未在控制器 scope 中设置 ng click 函数能够调用 scope

  • SSL：为什么 Chrome 会报告混合内容？ （德鲁帕尔 6）

    我刚刚有一个网站运行良好 整个网站都通过 SSL 运行 但 Google Chrome 抛出一条 此页面包含一些不安全元素 消息 这对于最终用户的可信度来说并不好 所有其他浏览器都工作正常 并给出金色挂锁 该网站是一个 Drupal 6 电

  • 在 Windows 上为 Mac OS X 开发？

    嗯 简单的情况 我碰巧是一名软件工程师 主要使用 Delphi 和 C 进行软件开发 Delphi 非常适合桌面应用程序 而 C 则非常适合与 ASP NET 结合用于 Web 应用程序 不过 我正在考虑自学更多有关 Mac 软件开发的知识

  • 在 Internet Explorer 中查看 HttpOnly 会话 cookie

    使用 Internet 选项 我可以看到所有持久 cookie 使用开发人员工具 我可以看到所有 JS 可访问的会话 cookie 似乎没有办法查看 HTTPOnly 会话 cookie 在 Firefox 中 有许多选项 内置选项和 Fi

  • 如何从android代码中知道路由器的IP地址？

    如何从代码中找到路由器的IP地址 网关地址 WifiInfo getIpAddress 返回设备的 IP 地址 在 shell 命令中 ipconfig 不返回任何值 这是我的解决方案 但如果有更好的方法 请告诉我 WifiManager

  • Matplotlib 按分类因素散布颜色

    我有一个基本的散点图 其中 x 和 y 是浮动的 但我想根据第三个分类变量更改标记的颜色 分类变量是字符串形式 这似乎引起了一个问题 要使用 iris 数据集 这是我想我会使用的代码 Scatter of Petal x df Petal

  • 去模板名称

    In the html template and text template 包 template New有以下签名 func New name string Template 到底是什么name用于 我已经扫描了文档 以及一些源代码 但无

  • 是否可以在主机上运行部分作业，在从机上运行另一部分？

    我是詹金斯的新手 我有一个要求 我需要在主节点上运行部分作业 而在从属节点上运行其余部分 我尝试在论坛上搜索 但找不到与此相关的任何内容 是否有可能做到这一点 如果没有 我将不得不将其分成两个单独的工作 EDIT 基本上我的工作是从 svn

  • MAC地址在C代码中的表示

    我经常在 C 代码中看到这样的 MAC 地址表示 struct mac addr unsigned char bytes 6 为什么需要将数组放入结构体中 为什么不直接使用数组呢 这有什么好处 Thanks 您不能在 C 中分配数组 但可以

  • 警告：缺少参数 1

    我的 php 代码遇到一些问题 所有信息都返回 但我无法弄清楚为什么会收到错误 对于我的索引页 我只包含了实际使用该类的代码行 除了一些包含之外 实际上没有其他代码 我确信这就是我构建 contstruct 的方式 但我不确定这样做的适当方

  • 向左而不是向右溢出

    我有一个 divoverflow hidden 其中我在用户键入时显示电话号码 div 内的文本向右对齐 并且当文本向左增长时 传入字符将添加到右侧 但是 一旦文本太大而无法放入 div 中 数字的最后一个字符将被自动裁剪 用户将无法看到她

热门标签