哪些 CSS 属性可用于控制寻呼机？答案

【问题标题】：What CSS attributes can be used to control the pager?哪些 CSS 属性可用于控制寻呼机？
【发布时间】：2013-06-11 08:29:52
【问题描述】：

我有一个带有寻呼机的重复自定义控件。在设计器中，文本（“previous 1|2|3|4|5 Next”）右对齐；不幸的是，当显示在服务器上时，此文本左对齐。我尝试将text-align: right 添加到样式的字体参数中，但没有成功。服务器也无法将xp:div 扩展为 CSS 指定的大小（宽度：800px）。

我在 8.5.3 版本中。有人遇到过这种问题吗？

【问题讨论】：

服务器从不作用于 CSS。浏览器可以。当您检查发送到浏览器的 HTML 时，您可以看到 CSS 的去向 - 以及为什么它没有达到预期的效果

标签： html css xpages

【解决方案1】：

请您澄清一下这个问题。然后粘贴寻呼机源会有更好的主意。如果您选择了分页器控件并将对齐属性设置为 Right，那么您的源代码应该如下所示。

<xp:pager partialRefresh="true" layout="Previous Group Next" xp:key="headerPager" id="pager1" panelPosition="right"></xp:pager>

【讨论】：

这里是控件："" -- 正如我所说的，文本在设计器中显示为右对齐。

【解决方案2】：

您可以在分页器控件中添加 style="float:right"，尽管将 CSS 样式添加到 XPage 或自定义控件并不是最佳做法。

找出 pager 元素与哪个 CSS 类相关联（使用浏览器中的开发人员工具）。它应该是类xspPagerRight。还要查找float: right 被left 覆盖的源。如果你不能在那里改变它，那么你必须“覆盖”它。在 Resources 下创建 Style Sheets 文件并放入

.xspPagerRight {
    float: right;
}

然后将其作为资源添加到您的 XPage 或主题中。

【讨论】：

好的（我想我永远不会知道为什么！）；非常感谢你。您对 xp:div 有 800px 样式时保持 500px 宽度的任何想法吗？
我很高兴它有效。请研究浏览器渲染页面中此 div 的 CSS 设置。在那里你可以看到 ii 设置为 500px 并且可以在那里更改它。
这里是一个链接，其中包含如何在渲染页面上“研究”的描述：developers.google.com/chrome-developer-tools 如果你不使用 chrome，请看这里：browserstack.com/debugging-tools

【解决方案3】：

关于这个问题的注意事项：为什么标题与我创建它时的不同？

【讨论】：