作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在创建一个带有弹出界面的 ionic 选择元素。我想设置 ion-select-options 的样式,使它们跨越屏幕的宽度,但我没有尝试过。
<ion-header>
<ion-toolbar>
<ion-buttons slot="secondary">
<ion-button>Cancel</ion-button>
</ion-buttons>
<ion-title>Messages</ion-title>
<ion-buttons slot="primary">
<ion-button>Blah</ion-button>
</ion-buttons>
</ion-toolbar>
<ion-toolbar>
<ion-select interface="popover" placeholder="Select an item">
<ion-select-option value="nes">Lorem Ipsum is simply dummy text of the</ion-select-option>
<ion-select-option value="n64">Nintendo64</ion-select-option>
<ion-select-option value="ps">Blah Blah Ipsum is simply dummy text of the</ion-select-option>
<ion-select-option value="genesis">Sega Genesis</ion-select-option>
</ion-select>
</ion-toolbar>
</ion-header>
我希望选择选项跨越屏幕的宽度。如果列表中的任何文本比选择选项长,我可以使用 ...
。
最佳答案
如果您使用 Inspect 查看开发者控制台。你会看到
ion-select
里面有 popover 包装器,实际上我们需要根据我们的要求设置样式。
为了实现你提到的。
您需要在 global.scss
中为 popover-content
:root {
.popover-content {
left: 0 !important;
width: 100%;
}
}
ios
和 md
都将获得以下信息。
注意:使用媒体查询执行相同操作并调整宽度,使其在平板电脑和 ipad 中看起来不会很尴尬。
关于css - 带有弹出界面的 ionic 选择样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59779013/
为什么会越界?我只是不明白为什么它会超出范围。 for(int g=0;g=4,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/quest
这个问题已经有答案了: What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? (25 个回答)
{希望改进我的帖子,仍然请建议您需要的任何其他代码,再次为我的无知感到抱歉,我决心克服这个问题,所以我真的很感谢您的时间! !} **编辑:感谢弗兰克在下面的回复,程序现在启动并绘制了三个敌人,但几秒
我是一名优秀的程序员,十分优秀!