jQuery 选项卡样式右缩进加载的内容
jQuery 选项卡在我加载的内容的左侧添加了大约 25px 的边距。这似乎是默认行为,因为我的页面上的空间看起来与 ui 示例网站上的空间相似。关于如何在 jQuery-ui 样式表中调整它而不破坏任何东西的任何想法?
jQuery tabs are adding a margin of about 25px to the left of my loaded content. this seems to be a default behavior, as the space on my page looks similar to the space on the ui example site. any ideas about how to go about adjusting it inside the jQuery-ui stylesheet without breaking anything?
内边距来自此规则:
.ui-tabs .ui-tabs-panel
,默认值为padding: 1em 1.4em;
。您可以直接在 jQuery UI CSS 文件中更改它,也可以在您自己的 CSS 文件中覆盖它。由于样式直接应用于选项卡面板本身,因此不应破坏其他任何内容。
The padding comes from this rule:
.ui-tabs .ui-tabs-panel
, it's default value ispadding: 1em 1.4em;
. You could either change it directly in the jQuery UI CSS file or override it in your own CSS file.Since the style applies directly to a the tab panel itself this shouldn't break anything else.