jQuery Vertical Tabs使标签内容显示为内联块

Question

我正在使用jQuery标签，最近切换到垂直标签，我注意到标签后面的内容没有放在“内部”。它放在一个容器div里面，它有一个边缘，看起来就像是在内容盒里面。这对于响应式设计效果不佳。

示例截图：

橙色是保证金。

我通过向每个标签添加display: inline-block来解决问题，我可以在标签后的空格中包含内容。我想知道如何动态添加它，而不是在每个标签的div中放置内联样式。

以下是我的标签的HTML示例：

<div id="tabs-1" style="display: inline-block">
    <div id="placeholder" class="chart-resize"></div>
    <div id="placeholder2" class="chart-resize"></div>
</div>

<div id="tabs-2" style="display: inline-block">
    <div id="placeholder3" class="chart-resize"></div>
    <div id="placeholder4" class="chart-resize"></div>
</div>

这是垂直标签的jQuery部分：

$("#tabs").tabs().addClass("ui-tabs-vertical ui-helper-clearfix");
$("#tabs li").removeClass("ui-corner-top").addClass( "ui-corner-left" );

jQueryUI.css中的所有样式都是默认的。

Answer 1

定义以current_user作为属性并将其添加到每个标签的类不起作用，因为您将覆盖非活动标签样式，将非活动标签的内容设置为def permission_required(permission): def decorator(f): @wraps(f) def decorated_function(*args, **kwargs): if not current_user.can(permission): abort(403) return f(*args, **kwargs) return decorated_function return decorator 为好吧，所以每个标签的所有内容都会出现在一起。

相反，我做了一些摆弄，并在jQuery UI样式表中找到了一个CSS类，您可以将显示属性从默认的@app.route('/api/something') @auth.login_required @permission_required('admin') def something(): pass 更改为display: inline-block 。这允许实际包含内容＆＃34;内部＆＃34;标签内容方块，创建一个响应更快的设计。

这是班级：

display: inline-block