只能在行布局中居中最后一个标签

时间:2015-09-23 22:47:18

标签: javascript jquery css jquery-mobile visual-studio-lightswitch

我刚开始使用HTML客户端,显然,我做错了什么。但是,我甚至不确定有多少东西被称为所以我不知道该寻找什么来帮助自己。但我认为问题在于我对jQuery缺乏了解,因为这应该非常简单。

我有以下布局:

Screen Designer

后面的代码如下:

myapp.Splash.lblCopyright_postRender = function (element, contentItem) {
    $("label").addClass("custom-center-label");
};

以下user-customization.css

/* Custom Classes */
.custom-center-label {
    text-align: center;
}

我的屏幕最终看起来像这样:

Rendered page

我可以在DOM资源管理器中看到该类正确应用,并且Computed属性调用text-align为中心:

DOM Explorer

所以我有两个问题。首先,当所有标签具有相同的类时,为什么我只能将行布局中的最后一个标签置于居中位置?第二,为什么,使用我在单个Local Property的函数中的代码,所有标签都可以添加类?

1 个答案:

答案 0 :(得分:1)

  1. 将所有控件设置为“拉伸到容器”,包括父控件(行/列布局)
  2. 您缺少jQuery选择器中的'element'上下文。