html中的两种标记,如何在html选项标记中实现两种不同的对齐?

下面是一个单空间js解决方案,与scott everden的jquery示例一起使用。我只在firefox中测试过,但这应该足够开始了。

javascript

var MIN_SPACES_BETWEEN_VALS = 3;

function mkOption(left, right, total)

{

var str = left;

var spaces = total - left.length - right.length;

for(x = 0;x < spaces;x++)

str += "\xA0";

var opt = document.createElement("option");

opt.text = str + right;

opt.value = right;

return opt;

}

function populate(selId, vals)

{

var sel = document.getElementById(selId);

var maxLeft = -1;

var maxRight = -1;

for(idx = 0;idx < vals.length;idx++)

{

if(vals[idx][0].length > maxLeft)

maxLeft = vals[idx][0].length;

if(vals[idx][1].length > maxRight)

maxRight = vals[idx][1].length;

}

var total = maxLeft + maxRight + MIN_SPACES_BETWEEN_VALS;

for(idx = 0;idx < vals.length;idx++)

sel.add(mkOption(vals[idx][0], vals[idx][1], total), null);

}

HTML

select

{

font-family: Courier, mono;

}

var vals = [["Afghanistan", "+93"], ["Albania", "+355"], ["Algeria", "+213"]];

populate("countryCallingCode", vals);

html中的两种标记,如何在html选项标记中实现两种不同的对齐?相关推荐

python中奇数怎么表示_如何在python输出数据中的奇数
如何在python输出数据中的奇数发布时间:2020-07-10 17:08:48 来源:亿速云阅读:131 这篇文章将为大家详细讲解有关如何在python输出数据中的奇数,文章内容质量较高,因此 ...
iphone中怎么添加邮箱_如何在iPhone的Gmail中添加附件
iphone中怎么添加邮箱 While email is still an incredibly popular form of communication, it's not always a pa ...
如何在“首选项”摘要中显示Android首选项的当前值？
这必须经常出现. 当用户在Android应用程序中编辑首选项时,我希望他们能够在Preference摘要中查看首选项的当前设置值. 示例:如果我有"丢弃旧邮件"的"首选项 ...
angular中如何定义全局变量_如何在Angular 2 / Typescript中声明全局变量？
这是最简单的解决方案,Service没有/ 也没有Observer: 将全局变量放在文件中,然后导出它们. // // ===== File globals.ts // 'use strict'; e ...
html中链接word文档,如何在Word文档中设置内部链接？
同一文档内的超级链接. 1.书签是"红娘".假定在某一文档的A个,需要快速跳转到B处,可以让书签来当"红娘". ①将光标定在B处,执行"插入|书签&q ...
easyui中combobox 验证输入的值必须为选项框中的数据
当作为提示框的方式时,combobox必须设置为允许用户输入的模式,但是当用户输入后未选择正确的数据就直接按tab或点击鼠标离开控件会导致用户输入无效的值并且通过验证,为了避免这种情况的发生我们需要对 ...
头信息_如何在 Spring REST Controller 中获取 HTTP 头信息
介绍在本篇文章中,我们将研究如何在 Spring Rest Controller 中访问 HTTP 头信息. 首先,我们将使用 @RequestHeader 注解分别或同时读取 HTTP 头信息. ...
html表单居中_如何在IE低版本中兼容HTML5表单属性placeholder属性
WEB开发数据提交是必不可少的,为了更友好的用户体验,通常需要给输入框一个默认的提示信息.HTML5技术提供了一个表单属性placeholder专门用于输入框默认提示,但是在IE低版本中根本不兼容. ...
如何在Win11重置系统中保留个人文件 Win11重置系统保留个人文件方法
Win1系统是目前很多用户都在使用的电脑操作系统,但是最近安装的Win11系统有很多bug,很多用户想重置系统,但是不知道如何保留个人文件,下面小编就为大家详细的介绍一下,有需要的快来看看吧! Win ...

html中的两种标记,如何在html选项标记中实现两种不同的对齐?

html中的两种标记,如何在html选项标记中实现两种不同的对齐?相关推荐

最新文章

热门文章