在固定宽度 html 框中，有没有办法查看太长的文本选项？

2024-03-05

---

我有以下代码：

<div id='div2' style='height: 430px; width: 350px; overflow:auto;'>
<select multiple id="id" size="28" style="FONT-SIZE: 12px; FONT-FAMILY: Arial; width: 100%">

我无法（由于要求）增加此框的宽度，其固定为 350px。然而，框中的某些文本字符串大于 350 像素；现在它们只是被截断，但我想知道是否有一种方法可以使这些选项换行到第二行，或者在框中添加水平滚动条以便查看完整的选项。我正在为 IE7 和 8 进行开发。

你可以使用CSS 自动换行：断词；

点击这里 http://snipplr.com/view/10979/css-cross-browser-word-wrap/用于跨浏览器功能

如果它是您想要包装的选择列表中的文本，据我所知这是不可能的

您可以做的是使用定制的选择框，例如jQuery 选择菜单 http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/您可以在其中完全自定义外观

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

---

html

css

select

在固定宽度 html 框中，有没有办法查看太长的文本选项？ 的相关文章

• 为什么在 HTML 中使用 onClick() 是一种不好的做法？

  我多次听说使用 JavaScript 事件 例如onClick 在 HTML 中是一种不好的做法 因为它不利于语义 我想知道以下代码有什么缺点以及如何修复 a href link a 你可能正在谈论不引人注目的 JavaScript htt

• 如何使用 javascript 或 jquery 生成 CSS 路径？

  关于如何生成元素的 CSS 路径有什么建议吗 CSS 路径是识别特定元素所需的 css 选择器的路径 例如 如果我的 html 是 div div class bar ul li 1 li li 2 li li span class sel

• Google Maps API 下拉列表，缩放至标记

  我正在使用 Google Maps API v3 我有一个带有一些标记的简单地图 我还有一个下拉列表 我需要最少的代码来完成这项工作 我想在下拉列表中选择一个标记 并将选定的标记平移到它 我已经尝试了一切并在网上查看 我发现事情很接近 但到

• 使用 或 实现可访问性的更好做法是什么？

  我有一个下载链接 但我找不到任何良好的可访问解决方案来说明如何处理这种情况 我遵循一个共同的经验法则 按钮做事 链接去地方 我的情况是 我有一个触发文档下载的按钮 同一页面 我相信这应该是一个具有按钮角色的锚点 因为它明确不触发重定向或导航

• 我可以在 CSS 类名中使用驼峰命名法吗

  我想命名一个 CSS 类并调用它imgSuper 我可以在 CSS 类中使用驼峰命名法吗 从技术上讲是可以的 但这是有风险的 因为虽然 CSS 语法大多不区分大小写 但在某些浏览器中 在某些条件下 类名被视为区分大小写 因为规范没有指定浏览

• 使用 CSS 的平行四边形导航背景

  我正在尝试创建此导航菜单 绿色突出显示是活动页面 灰色是悬停状态 我可以使用以下 CSS 制作平行四边形 ul nav li a text decoration none padding 4px 10px border radius 3px

• 如何动态打破 FlexBox 列以开始新列

  I have a dynamic list of items containing text placed column wise which I need to break after every 5th item 我只有两个限制 每个

• 在 iPhone 3GS 与 iPhone 4 上为 Mobile Safari 嵌入 HTML5 视频

  我在服务器上的 mp4 文件中有 H 264 AAC 编码的视频 mime 类型的视频 mp4 添加到 Web 服务器 IIS 7 并且我有一个带有视频标签的页面

• 如何重置使用 JavaScript 更改的 CSS 属性？

  我的导航按钮的宽度从 100px 增加到 150px 当鼠标悬停在 nav li hover width 150px 但是使用 javascript 我已经做到了 无论选择哪个选项 宽度都将继续为 150px 当选择每个选项时 它会使其他选

• 如何指定网站的语言？ （HTML？）

  如何指定页面采用某种语言以便搜索引擎可以理解 这是我放在顶部的元标记吗 如果是 您知道大多数搜索引擎是否使用它来确定语言吗 我已将一页英文内容转换为几种不同的语言 并希望将该信息包含在 html 中 让搜索引擎知道他们正在处理哪种语言 快速

• 使用 jQuery/JS 打开时使

  标签的内容具有动画效果

  我只想要 HTML5 的内容details标记为 滑行 动画打开 而不是仅仅弹出打开 立即出现 这可以用 jQuery Javascript 实现吗 Fiddle http jsfiddle net 9h4Hq HTML

• 如何将背景图像仅应用于一个反应页面而不是整个应用程序？

  注册页面示例 register background image linear gradient to right ff5722 0 ff9800 100 margin top 150px important div div div div

• jquery从变量中删除html元素

  我将 html 保存在变量中 var itinerary events today html 我有很多 html 和一个按钮我想删除 它的 ID 为 myButton 如何从变量中保存的 html 中删除它 我建议这种方法 var itin

• HTML 中部分着色的阿拉伯语单词

  我不会说阿拉伯语 但我需要我们网站上对阿拉伯语的具体支持 我需要将部分阿拉伯语单词放在 span 与单词其他部分的风格不同 当我输入两个字符时 and 它们被组合成word 但是当我使用 HTML 标记时 span span 这些字母在输出

• 提交表单并重定向页面

  我在 SO 上看到了很多与此相关的其他问题 但没有一个对我有用 我正在尝试提交POST表单 然后将用户重定向到另一个页面 但我无法同时实现这两种情况 我可以获取重定向或帖子 但不能同时获取两者 这是我现在所拥有的

• 避免响应式页面的重复内容

  我目前正在做一个涉及响应式设计的项目 整个布局应该使用HTML和CSS来实现 我知道可以使用 java 脚本将内容从一个列布局移动到另一列布局 而无需复制内容 但是使用 HTML 和 CSS 是否可以实现相同的效果 以下面的例子为例 它会在

• 如何在没有@import的情况下减少@import？

  我用的较少 从 Google PageSpeed 我了解到 使用 importCSS 文件中的内容会影响网站速度 所以我想排除任何 import来自我的 CSS 的东西 我有 2 个不同的样式表reset css and rebuild c

• 带有相对路径的 LESS CSS 背景

  我在使用 LESS 作为我的网站的样式表时遇到了问题 就我个人而言 我宁愿在CSS中使用相对路径而不是绝对路径 这只是我的习惯 但是现在当我使用带有导入功能的LESS时 我遇到了如下所示的问题 我有一个main less根文件夹中的文件 i

• 如何获取浏览器视口中当前显示的内容

  如何获取当前正在显示长文档的哪一部分的指示 例如 如果我的 html 包含 1 000 行 1 2 3 9991000 并且用户位于显示第 500 行的中间附近 那么我想得到 500 n501 n502 或类似的内容 显然 大多数场景都会比

• Schema.org 的常见问题解答页面

  我有一个常见问题解答页面 我想用更好的 html 架构来实现它

随机推荐

• 停止 LINQ to SQL 在插入后执行 select 语句

  我正在使用 LINQ to SQL 来更新我的数据库 我正在插入大量记录 当我调用 SubmitChanges 时 LINQ to SQL 会为每个对象执行一条插入和一条选择语句 我真的不关心将对象插入数据库后更新它们 您知道我可以阻止 L

• 如何通过代码启用对 URI 类的 IDN/IRI 支持？

  我正在尝试为 URI 类启用 IDN IRI 支持 因为我需要德国变音域 例如 www b cher de 上的 Uri IsWellFormedUriString 方法 我发现类似的问题https stackoverflow com a

• 如何有效地从控制台读取一行用户输入？ [复制]

  这个问题在这里已经有答案了 我最近学会了如何使用读取输入io来自 Rust 文档 但是有没有 simple 读取控制台输入的方法 我的根深植于 C 因此从控制台获取输入就像std cin gt gt var 但在 Rust 中我正在做 fo

• 如何将此代码转换为使用字符串

  char recursivecombo char str int choices int level int len strlen str level if level choices for int i 0 i lt len 2 i pr

• 带键的 LINQ groupby 语句

  我的查询的语法很好 但输出却不好 这真的很奇怪 我有下表 AppointID UserID AppointSet AppointResolved AppointStatus AppointmentDatetime 1 1 3 1 2011

• python 2.x 中 json.dump 后 json.loads 上的 UnicodeDecodeError 与 Ensure_ascii=False

  我使用转储 dict 对象json dump 避免UnicodeDecodeError I set ensure ascii False下列的这个建议 https stackoverflow com questions 19872773 u

• 当 C# 编译器打印“存在显式转换”时，它意味着什么？

  如果我创建一个空的测试类 public class Foo 我尝试用以下语句编译代码 Foo foo test 然后我按照预期收到此错误 无法将类型 string 隐式转换为 ConsoleApplication1 Foo 但是 如果我更改

• Powershell 中的 Bash/类似批处理的子 shell

  在 Unix shell 中 你可以这样写 cmd1 cmd2 cmd3 在Windows Batch中 你可以这样写 cmd1 cmd2 cmd3 在这两种情况下 cmd1 和 cmd2 的输出都会传递到 stdin 上的 cmd3 是否

• 无法在 ios5 的connectionDidFinishDownloading 中获取destinationURL 数据

  我正在尝试获取要下载的资产网址列表 我使用 NSURLConnection 来获取包含此 url 列表的 JSON 文件 在 void connection NSURLConnection connection didWriteData l

• Docker 容器无法解析 DNS 来访问另一台 AWS Ec2 机器

  我无法通过从主机 App1 上运行的容器解析 DNS 来 ping 另一台计算机 主机 App2 尽管 etc resolv conf 与主机的相同 我正在利用 AWS Route 53 私有托管 DNS 来允许通过解析 DNS 而不是 I

• React/Redux，如何获取用户输入

  我正在关注与 React 一起使用 http redux js org docs basics UsageWithReact html终极版教程 我真正不明白的是如何检索用户输入 他们构建了一个FilterLink容器 其mapDispat

• Axios 通过 Django REST Framework 被 CORS 策略阻止

  我正在尝试使用 Axios 向我的 API Django REST Framework 发出请求 但出现以下错误 Access to XMLHttpRequest at http trvl hopto org 8000 api airpor

• 复制文件时 Homebrew 安装失败

  我运行这个 usr bin ruby e curl fsSL https raw githubusercontent com Homebrew install master install 我得到提示 gt This script will

• 在 netbeans 8.0 中添加 Java ME 平台

  我在安装 Netbeans 8 0 的 ME 平台时遇到问题 我有 安装 Netbeans IDE 8 0 安装jmesdk 3 4 安装 jmesdk 3 4 插件并在 Netbeans 中激活它 当我尝试创建新的 Java ME gt

• 如何在javafx中显示图像的特定部分

  我有这张图片 所有这些效果都在一个 png 文件中 我想显示例如第二张图片 如何在 javafx 中使用 Image 和 ImageView 来显示该图像的特定部分 谢谢 这个答案太过分了 但是 有了像您问题中那样的一组漂亮的图像 也许需要

• 正则表达式.匹配整个单词

  In C 我想使用正则表达式来匹配以下任何单词 string keywords shoes shirt pants 我想找到内容字符串中的整个单词 我以为这个regex会这样做 if Regex Match content keywords

• java中如何将二进制字符串转换为2个字节的字节数组

  我有二进制字符串String A 1000000110101110 我想把这个字符串转换成长度为2的字节数组java 我已经得到了帮助this https stackoverflow com questions 17727310 conve

• 两个 div 元素，一个在中间，另一个在右边

  我想将一个 div 元素放置在宽度约为 1000px 的页面中央 另一个元素位于其右侧 覆盖整个右侧 可以根据窗口大小进行调整 实际上我在居中的 div 上有一个右浮动元素 所以 绝对定位可以完成这项工作 但在放大页面时可以看到其中的缺陷

• NSTask waitUntilExit 在越狱 iOS 上挂起应用程序

  所以我让 NSTask 运行一个脚本 该脚本生成一个列表 并将其放入我读取的 txt 中 但是 如果我使用当前的代码 如下 则会在 NSTask 完成之前弹出警报 从而导致空白警报 我试过了waitUntilExit但这会使调用此操作的按钮

• 在固定宽度

html 框中，有没有办法查看太长的文本选项？