css - 如何为移动视图自定义 ngx-bootstrap datepicker 的位置?
问题描述
我在 Angular 8 项目中并排使用两个 ngx-bootstrap 日期选择器。在移动视图中,两个日期选择器都离开了视口,如下所示。我该怎么做才能将两个日期选择器放在移动屏幕的中心?我得到了这个输出
但是我需要两个日期选择器的这个输出。如果我left: 23%
已经position: absolute
为 datepicker 分配了,我可以实现这个输出。但它改变了两个日期选择器的位置。我希望将两个日期选择器都放在屏幕中央。这些是默认情况下已经存在于日期选择器中的样式:display: block; position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(-42px, 149px, 0px); z-index: 1080;
解决方案
推荐阅读
- c# - 为什么 Xamarin ClipboardManager 不包含仅纯文本的 html?
- python - 使用 1.14 版中的预制 Estimator 进行推理的输入函数
- php - 在 cURL 中发送发布请求以获取 cookie 在一个虚拟主机上有效,但在另一个虚拟主机上无效
- php - .htaccess - 将所有 URL + 现有目录重定向到 index.php
- node.js - 从带有数据的nodejs向php Api发出请求
- javascript - 在 macOS 中停止 Webpack 的正确方法是什么?
- amazon-web-services - .NET Core Docker 镜像 - 推送新镜像,EB 不反映更改
- c# - 使用 JSON 在 Unity 中创建通知列表
- reactjs - 具有不同长度描述的卡片未对齐
- javascript - 使用 SVG 图像边框制作交互式画布