程序员经验分享-hwhale

CSS 将所选文本的一部分向右对齐[重复]

2023-12-28

这是我的 HTML 的样子：

<select>
  <option>Long name <span>P1</span></option>
  <option>Peter <span>P2</span></option>
  <option>Hugo <span>K4</span></option>
</select>

我想显示这样的选择选项：

Longname             P1
Petr                 P2
Hugo                 K4

代码（P1、P2、P4）与选择、条件的右侧对齐 - 我不知道最长名称的长度，并且我不想为文本的任何部分设置精确的宽度


http://jsfiddle.net/Tobsta/Lpb092gd/2/ http://jsfiddle.net/Tobsta/Lpb092gd/2/

CSS 样式<ul>使用将其选定值发送到的函数display: none; <select>

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

css

html

CSS 将所选文本的一部分向右对齐[重复] 的相关文章

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

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

  • 身体动画不流畅

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

  • 引导导航栏菜单与文本重叠

    我使用最新版本的引导程序 当我调整屏幕浏览器的大小时 使用小切换按钮下拉导航栏时 导航栏会重叠页面上的文本 而不是向下推页面内容 我已经多次研究过这个问题 我尝试将 padding bottom 放在导航栏上 将 padding top 放

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

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

  • 当共享相同的行和列时，将网格项设置为不重叠

    现在 当两个网格项共享相同的行和列时 它们会相互重叠 div class some grid container div Item 1 div div Item 2 div div 我如何让它们不重叠 当共享相同的行和列时 其行为可能类似于

  • html 选择列表 - 通过传入变量获取文本值？

    我有一个显示列表语言的选择列表

  • 获取 FileReader() 的结果对象

    有什么方法可以在不通过函数的情况下获取 FileReader 的结果对象 我在下面制作了示例代码 HTML br br br div div JS var code lorem ipsum input type file change fu

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

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

  • @media语法/可能的组合

    我见过其中一些 media print media screen handheld print projection media all media all and property value media screen and prope

  • 有角度的动态背景图片

    在 html 模板中 我有这种带有动态图像的样式 div style background none width 200px height 150px div 它适用于网络浏览器和 Android 浏览器 但是 使用 style 的动态背景

  • 图像无法在带有 DOM 的 IE 中加载：控制台中的 7009 错误（无法解码）

    当在 IE 中的单个页面上加载许多图像时 在 IE11 中重现 其中一些图像开始加载失败 并在控制台中出现类似以下警告的内容 DOM7009 无法解码 URL 处的图像 某些唯一的 url 当我查看网络流量时 似乎确实从服务器收到了每个图像

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

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

  • Jquery 数据表列总和

    我只是参考一下这个链接 https datatables net examples advanced init footer callback html了解如何获取 jquery 数据表中的列总计 但我已经完成了一半的项目 我在html页面

  • 使用 CSS 使一行 div 高度相同

    我有一排必须具有相同高度的 div 但我无法提前知道该高度可能是多少 内容来自外部源 我最初尝试将 div 放置在封闭的 div 中并将它们向左浮动 然后我将它们的高度设置为 100 但这没有明显的效果 通过将封闭 div 的高度设置为固定

  • 网站的主体和元素固定在 980px 宽度上，不会缩小

    我试图在 Rails 应用程序顶部启动前端 仅 HTML CSS 页面 但在使用 320px 视口时遇到问题 有些元素不会按比例缩小 我不明白为什么 我已经完成了检查元素 为各种元素提供了max width 100 and or width

  • 图像背景不透明度不影响边框

    如何设置背景不透明度而不影响边框线不透明度 我找到的解决方案没有帮助 div class selected img src assets img image product 1 thumbnail jpg alt product 1 thu

  • 在移动设备上滚动

    这个问题更多的是一个建议研究 我确实希望它对其他人有帮助 并且它不会关闭 因为我不太确定在哪里寻求有关此事的建议 在过去的 6 个月里 我一直在进行移动开发 我有机会处理各种设备上的各种情况和错误 最麻烦的是滚动问题 当涉及到在网站的多个区

  • 在 HTML 下拉列表中有一个滚动条

    我正在寻找一种在 HTML 的下拉列表中添加滚动条的方法 这样如果下拉列表包含的内容超过例如 5 项 将出现滚动条以查看其余项 这是因为我将被迫列出一些大清单 过去几个小时我一直在谷歌上搜索它 但没有运气 它需要适用于 IE8 FF 和 C

  • CSS溢出文本显示在几行中，没有断字

    我有一些长文本显示在 div 中 该 div 具有固定的宽度和高度 我希望文本显示在几行上 作为 div 高度 并且句子单词不会中断 一行中的单词前缀和下一行中的继续 此外 我想在末尾添加省略号最后一句话 CSS white space n

  • 在 Nexus 7 2013 上更改方向时 CSS 媒体查询不起作用

    我目前正在我的笔记本电脑 台式电脑和 Nexus 7 2013 上测试 CSS 媒体查询 除了 Nexus 7 之外 它们在台式机和笔记本电脑上都运行良好 当我更改方向时 除非刷新页面 否则样式不会应用 例如 以纵向模式握住设备时 页面正常

随机推荐

  • 如何在 javascript 全局命名空间中存根/模拟函数

    我试图在测试期间存根 模拟 覆盖函数调用 将日志写入数据库 function logit msg writeMessageToDb msg function tryingToTestThisFunction var error proces

  • PHP+Ajax登录

    只是通过 ajax 提交登录表单时遇到一些问题 我主要是一名 PHP 开发人员 我不经常将 Jquery Ajax 与 PHP 结合使用 目前 如果我在提交表单后检查 firebug POST 数据 它似乎确实获取了已添加到表单中的用户名和

  • Javascript 不解析嵌套 Bbcode

    我编写了一个 Javascript bbcode 类似于我用来编写此消息的代码 它还包含一个实时预览框 如下所示 我目前面临的唯一问题是某些嵌套的 bbcode 无法解析 例如 quote quote quote quote 解析不正确 这

  • 加速 numpy kronecker 产品

    我正在开发我的第一个大型 python 项目 我有一个函数 其中包含以下代码 EXPAND THE EXPECTED VALUE TO APPLY TO ALL STATES THEN UPDATE fullFnMat EV subset

  • 富文本框 - 粗体

    我知道这里有很多 如何加粗文本 问题 但没有一个答案有帮助 我认为富文本框可能是在运行时创建的 我正在制作一个聊天客户端 因此我有一个按行分割的富文本框 消息如下 名称 消息 r n 我想加粗名称 我已经尝试了很多代码示例 但这是我最接近的

  • 将 Vue 组件暴露给外部项目

    我正在尝试探索如何将我的 Vue 组件公开给其他项目而不发布到 NPM 我可以找到以下链接 其中显示了如何将 Vue 组件发布到 NPM 如何在 npm 62b67dfb3e58 上发布您的 vue js 组件 https medium c

  • WPF中上标的上标

    我已经设法使用以下代码行创建字符上标 Paragraph p new Paragraph Span s new Span s BaselineAlignment BaselineAlignment Superscript s Inlines

  • 使用 XML 序列化时是否有办法避免自闭合标签？

    我正在使用 VB NET 但遇到 XML 序列化问题 当我正在序列化的对象中存在空值时 XML 文件包含以下标签

  • Python3 写入文件 beautifulsoup

    我希望用以下代码编写 beautifulsoup 表单 soup BeautifulSoup con content f open Desktop littletext rtf w f write str soup f close 我收到此

  • 从 Web 视图中的链接打开 Mobile Safari

    是否有 URI 方案可将 Mobile Safari 打开到特定 URL e g a href Open Google in Safari a Update 因此 从 iOS 6 0 2 开始 仍然没有特定于 MobileSafari 的

  • 尝试附加附件通过 request.post 发送时，表单数据库抛出无法读取 null 属性的错误

    当我尝试制作一个request post with form data对于附件 我收到以下错误 该错误来自表单数据库 var filename options filename value name value path TypeError

  • 直接使用 ld 链接 C 程序失败，未定义对“__libc_csu_fini”的引用

    我正在尝试在Linux下编译C程序 然而 出于好奇 我尝试手动执行一些步骤 我使用 gcc 前端生成汇编代码 然后运行GNU汇编器来获取目标文件 然后将其与 C 运行时链接以获得可工作的可执行文件 现在我被链接部分困住了 该程序是一个非常基

  • 如何使用 python 获取文件的扩展 MacOS 属性？

    我有兴趣使用 python 从文件中获取更多信息 我知道使用 os stat 如下所示 会返回有关文件的信息 但我想从文件中获取其他属性 例如 来自哪里 os stat filename posix stat result st mode

  • 如何从 C 代码中获取单操作数 imul

    我必须用 C 语言编写什么才能让汇编器显示imul与一个操作数 例如 imul ebp 如果你想编写 C 代码以便编译器发出imul对于一个操作数 唯一的方法是使用扩大有符号乘法 即将操作数转换为有符号类型寄存器长度的两倍 因此 在 32

  • 单选按钮被选中的事件？

    是否有一些单选按钮被选择的事件 我知道我可以使用 单击 但我相信可以在某些浏览器中设置单选按钮的样式 这样单击单选按钮的外部区域可能不会选择该单选按钮 我应该使用什么事件 这取决于您想何时获知该事件 如果您想立即了解 请前往click IE

  • java中向上转换的内存分配

    考虑这些类 public class Animal public class Dog extends Animal public AnimalTest public static void main String args Dog d ne

  • 将 Stripe 与 Devise 结合使用以实现 Ruby on Rails 订阅

    我正在尝试将 Stripe 的定期支付系统与 Devise 集成 使用 Ryan 最近的 Railscast 作为指南 http railscasts com episodes 288 billing with stripe view as

  • Blend“WPF 项目不支持窗口”

    我对 Blend 报告 Windows Presentation Foundation WPF 项目不支持窗口 感到沮丧 由于无法构建的配置 但无法完全弄清楚如何摆脱它 我发现这可能是由于我尝试使用 x86 和 x64 配置的单一解决方案

  • 二进制可执行文件是可移植的

    编译 C 程序后 我可以获取二进制可执行文件 并在另一个没有加载 gcc 的系统 例如 Ubuntu 系统 上运行它吗 技术上 是的 但如果您需要最大的可移植性 请使用静态链接 严格来说你不需要gcc 但你可能需要各种库 默认情况下 语言处

  • CSS 将所选文本的一部分向右对齐[重复]

    这个问题在这里已经有答案了 这是我的 HTML 的样子

热门标签