个人中心
gpt4 book ai didi

css - 我有一个缩放栏和一个图例。我想将元素彼此右对齐以及页面移动时

转载 作者：行者123 更新时间：2023-11-28 14:04:12 24 4
gpt4 key购买 nike

我希望缩放条的右侧与图例的右侧对齐。我试过 text-align: right 但它没有用。 

.esri-ui-top-left.esri-ui-corner{
  text-align: right;
  left:97%;
 }

 .esri-ui-bottom-left.esri-ui-corner{
  text-align: right;
  left:97%;
 }

我是这样的

enter image description here

我怎样才能让它看起来像这样

enter image description here

最佳答案

不覆盖 CSS 类，而是使用 API 提供的 JavaScript 方法来定位默认组件、小部件或自定义 HTML 元素:

// Reposition widget
view.ui.move("zoom", "top-right");

// Add component (can be a Widget or HTMLElement)
var component = new BasemapGallery({
  view: view
});
view.ui.add(component, {position: "top-right"});

有关运行示例，请参阅以下 CodePen:https://codepen.io/arnofiva/pen/ff5f29c0037ac5ee98d79685a126ee84

有关详细信息，请查看以下资源:

关于css - 我有一个缩放栏和一个图例。我想将元素彼此右对齐以及页面移动时，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57383066/

24 4 0
文章推荐： json - JScript JSON 对象检查
文章推荐： javascript - jQuery 适用于本地主机，但不适用于网站
文章推荐： jquery - jQuery slider 中的 HTML/CSS3 边框半径问题
文章推荐： javascript - 使用自定义事件模拟 domready 事件 (mootools)