javascript - 选项卡对齐问题 - 不居中

标签 javascript html css

选项卡的间距不一致,这在所有浏览器(Chrome、Firefox 和 IE)中都会发生。我有两个相似的链接。我的目标是让它们都居中。

http://cimbth-pub-uat.mirum-apac.com/content/cimbconsumerthai/en/personal/support/help-and-support/tools/personal-loan-calculator.html 1

http://cimbth-pub-uat.mirum-apac.com/content/cimbconsumerthai/th/personal/support/help-and-support/tools/personal-loan-calculator.html 2

想知道如何将两个选项卡居中? 任何帮助将不胜感激。

最佳答案

使用以下内容:

将每个列表项的宽度设置为 50%,这样您的列表项宽度相等,然后文本将在每个列表项中居中

.shared-nav .tab-nav li {
    width: 50%;
}

关于javascript - 选项卡对齐问题 - 不居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38734346/

相关文章:

javascript - ReactJs 添加事件类到按钮

javascript - 从 Javascript 中的 JWT 中提取 'Roles'

html - 抓取站点以报告 HTML 中出现的 css 选择器

javascript - 三列布局内的可折叠导航

html - 文本是否应该为可访问性设置焦点?我特别在考虑键值对

html - 事件选项卡中文本旁边的边框线未更改

javascript - 将我的搜索过滤器链接到列表项 : knockout js

Javascript - 字符串搜索表列

javascript - 检查并删除重复的 Parse.com 类

html - Safari 5.0 按钮间距