将弹出窗口中的文本和图标从右向左移动，反之亦然
我有一个弹出窗口，它在右边显示图标，在左边显示文本
单击此处查看演示
App Module.ts
SimpleNotificationsModule.forRoot( {
icons: {
success: '<i class="icon-check-sign icon-3x"></i>',
alert: '<i class="icon-exclamation icon-3x"></i>',
error: '<i class="icon-bug icon-3x"></i>',
info: '<i class="icon-info icon-3x"></i>',
warn: '<i class="icon-warning-sign icon-3x"></i>'
}
})
CSS
[class^="icon-"], [class*=" icon-"] {
display: inline-block;
width: 100%;
}
td i {
text-align:left;
}
现在我想翻转它，像左边的图标和右边的文本。
这是源代码：https://github.com/flauc/angular2-notifications
但是我不想改变源代码，只想改变CSS类
我在堆栈溢出中找到了这个问题
如何水平居中字体图标？
和解决方案，并实现了在接受的解决方案中显示的额外类。但是没有区别。
如何翻转图标和文本？
共有1个答案
添加这些样式
<style>
.simple-notification .icon {
left: 0 !important;
}
.simple-notification.has-icon .sn-title, .simple-notification.has-icon .sn-content, .simple-notification.has-icon .sn-html {
padding: 0 0px 0px 50px !important;
}
</style>
请参阅更新的代码段
-
我试图将一个视图从右向左滑动，点击一个按钮，它的可见性就消失了，点击另一个按钮，它的可见性就消失了。我尝试了以下解决方案。但是它要求视图是可见的，并且它会将视图从一个位置滑动到另一个位置。我想要一个滑动效果，就像那样，但是要有。我怎样才能做到这一点？
-
问题内容： 我有一个页面，其中页眉由三个div组成-一个浮动在左侧，一个浮动在右侧，以及一个在它们之间。我希望该中心div居中，但遗憾的是不存在，我不能只是将其浮动到左侧并添加填充，因为它必须根据窗口大小进行更改。 有什么简单的我可以忽略的吗？还是我会怎么做？ 更新： 此外，我想找到一种方法将中间div居中于div 之间的空间 中，以防看起来更好。 问题答案： 如果您有两个浮动div，那么您知道边
-
我有一些子视图的滚动视图。在这个子视图中，我有其他子视图。 我想展示一个固定在这个“嵌套”子视图之一上的popover。 我正确地显示了popover，它被锚定到正确的子视图，但是每当我滚动scrollview时，popover不会随着scrollview移动。每次我水平滚动滚动滚动视图时，我希望我的popover移动并调整其“x”原点。 这是我用来呈现弹出窗口的代码。 有什么帮助吗？谢谢！
-
我们用AngularJS HTML创建了一个应用程序。在这种情况下，文本框、链接、按钮和其他对象上的选项卡顺序应该是从左到右的。一旦到达行上最右边的对象，选项卡就应该向下移动到最左边的文本框。 为了实现这一点，我在元素上添加了tab-index，但根据需要，我需要从左到右移动。 下面添加了一个示例代码： 由于所设计的UI是列式设计，所以如果设计分为两部分，每部分有四个组合框，则添加为： DIV1
-
我用的是bootstrap4。我想创建一个类似android的导航栏，在最左边有一个图标条。与导航栏右侧的图像和其他图标完全一致。 我试过应用ml auto、mx auto、mr auto、向右拉等等。没有任何东西能满足我的需要。 MX-汽车是不错的小屏幕。当汉堡菜单在那里的时候，它把纳巴品牌放在中心。然而，我需要一些在常规菜单存在时有效的东西。 我已经尝试了下面，但项目打破不同的手机屏幕大小。
-
问题内容： 是否有任何东西可以让您在Swing JTextArea中的单个单词或字母上显示一个小的文本弹出窗口（如工具提示）？（或具有类似功能的JTextArea替代品。） 我需要的行为就像一个工具提示，换句话说，只有在鼠标悬停在单词上一两秒钟后，才会显示弹出文本，并且一旦鼠标移开它就会自动消失。当然，这里最棘手的部分是我希望它在文本中的字符/单词级别，而不是组件级别……有什么建议吗？ 问题答