📜  jQWidgets jqxButton imgPosition 属性(1)

📅  最后修改于: 2023-12-03 15:16:51.635000             🧑  作者: Mango

jQWidgets jqxButton imgPosition属性

简介

jQWidgets jqxButton是一个可定制的用于自定义按钮、标签、输入框等控件的UI库,具有高度的兼容性和可扩展性。其中imgPosition属性用于设置图片的位置。

代码示例

以下为设置imgPosition属性为"left"的示例代码:

$("#jqxButton").jqxButton({
    imgSrc: "myImage.png",
    width: "100",
    imgPosition: "left"
});
属性值

默认值: "center"

可选值:

  • "left"
  • "right"
  • "center"
  • "top"
  • "bottom"
解析

当imgPosition属性为"left"时,图片将被放置在文本前面,以下为不同imgPosition属性的效果对比:

| imgPosition | 效果 | | ----------- | ---- | | "left" | | | "right" | | | "center" | | | "top" | | | "bottom" | |

注意事项
  • 除了"center"以外的imgPosition属性需要与direction属性一起使用。
  • imgPosition属性只对包含图片的按钮或标签有效。