Angular 4组件和css flex顺序

angular、css、flexbox

我这里有个活塞子- 元素使用flex order将它们排序为1、2、3、4底部的导航与顶部的导航相同，但添加了'Three‘元素作为组件。'Three‘组件中的html和class与顶部导航中的'Three

浏览 7提问于2017-12-21得票数 0

回答已采纳

1回答

Angular: Flexbox不会填满屏幕

html、css、angular、frontend、web-frontend

我想了解Angular是如何解释我的HTML和CSS代码的。我在没有使用Angular的情况下使用的布局似乎崩溃了。它在普通的超文本标记语言/CSS中工作：https://jsfiddle.net/d4Lmbk2q/1/ HTML： <div id='mainCont'></div> <div id='bodyCont'></d

浏览 8提问于2020-04-08得票数 0

回答已采纳

3回答

如何以角度调整.css文件的导入顺序

angular

文件将按以下顺序包含：我正在寻找一种方法，该角将添加我的“手写”.css文件(4，5.<e

浏览 2提问于2018-01-15得票数 25

回答已采纳

1回答

使用Angular Flex-Layout的原因是什么？

html、css、angular、flex3、angular-flex-layout

在我正在做的一个项目中，团队决定使用angular/flex-layout。我想知道，使用它的原因到底是什么？我只能找到反对的理由。例如下面的代码：<div fxLayout="row" fxLayoutAlign="space-between"> 关于我们都熟悉的html和CSS，第一个“最佳实践”/“关注点分离”是内容和样式的分离；使用flex布局，我们完全失去了它。

浏览 28提问于2021-06-15得票数 0

3回答

对angular 2组件使用flexbox

javascript、css、flexbox、angular

我想要更新我的angular 2应用程序的视觉侧(网格，颜色)。旧的布局是用bootstrap 4构建的，我不再真正需要它了。我决定使用普通的css3，并使用flexbox构建网格。。template: ` <section class="main-section center"><chain父->子项由于它们之间的组件<

浏览 0提问于2015-11-12得票数 17

回答已采纳

1回答

创建React Elemets的引用并像变量一样使用它

reactjs、react-redux、react-router、frontend

我正在尝试做一个简单的组件，有文本和图像并排。我试图以这样一种方式实现它，即文本可以显示在右侧，图像可以显示在左侧，反之亦然，基于传递给组件的道具。<Row> <RightComponent/> </Row> ) } 如何创建引用RightComponent和leftComponent在这里，我使用了<p/>和<img

浏览 3提问于2020-08-16得票数 0

回答已采纳

4回答

如何使用Bootstrap 4 flexbox填充可用的内容？

css、twitter-bootstrap、angular、flexbox、bootstrap-4

我有一个使用bootstrap 4的angular应用程序，我有一个固定在顶部的导航栏，我想在浏览器中添加填充剩余空间的内容。除了顶部的导航栏之外，我还有另一个div，它本身包含页眉和页脚内容。在页眉和页脚之间，我有一个主要内容部分，我希望该部分(下面示例中的#two)填充所有空白。我认为我可以使用css flexbox来实现这一点，但是当我进入bootstrap世界时，我的简单的非bootstrap flexbox示例似乎什么也做不到。我正在使用来尝试解决这个问题。这是我目前正在查看的整个角度组

浏览 64提问于2017-08-12得票数 51

回答已采纳

1回答

使用React和CSS模块时CSS样式优先

css、reactjs、css-modules

我有一个css模块，它将样式应用于现有组件。css模块工作正常，但是样式总是被组件的默认样式覆盖。} background: #4bbf6b; <- this property was overwrittenby the .ant-layout-header background property} 我还考虑了css<

浏览 2提问于2020-02-26得票数 0

回答已采纳

1回答

在angular2中呈现css/bootstrap类时出现的问题

css、angular、twitter-bootstrap-3、angular-ui-bootstrap、ng-bootstrap

我在CSS/Bootstrap工作中遇到了一些问题，当它在angular2组件中呈现时。当我尝试在Index.html文件中呈现CSS/html内容时(使用适当的CSS、JS引用)，应用程序/功能运行良好。但是当在angular2组件中呈现相同的html内容和CSS类时，它就不起作用了。基于互联网上的搜索，我做了所有这些改变，但都没有让它起作用。我已经为该组件添加了encapsulat

浏览 0提问于2016-10-02得票数 1

1回答

属性高度100%在Angular* 7+ Electron 4中不起作用*

javascript、angular、sass、electron

我有一个组件jobs-table.component.html。上面一层有flex-direction:列； <div class="jobs-table"> flex-grow: 1;.jobs-table {} 在Cromev73和Mozillav65.0.2中，高度: 100%工作良

浏览 18提问于2019-03-18得票数 0

回答已采纳

3回答

Highcharts更改图例索引顺序

highcharts

我尝试更改索引和zIndex选项，但后来图例中的项也被重新排序。这里有一个简单的例子：。], zIndex:9 ]}); 是否可以更改堆栈顺序，但保留图例顺序？我只想让图例按字母顺序排列，但图表中的项目是从下到上添加的。

浏览 3提问于2013-08-01得票数 17

回答已采纳

1回答

如何设置子组件的样式？

html、css、angular

https://stackblitz.com/edit/angular-scss-demo-wsyrzg?file=src%2Fapp%2Fapp.component.scss 正如您所看到的，我在父类上设置了类- tags-input__tags，并在该类上使用了以下css .tags-input__tags{ flex-wrap: wrap; } 对于我来说，问题发生在我试图解耦我的表单的时候，所以我首先尝试将html芯片放入单独的<

浏览 13提问于2021-07-29得票数 0

3回答

flex 4-将一个组件叠加在另一个组件之上？

apache-flex

Flex4中的新布局属性已经发生了很大的变化&现在不确定该怎么做。

浏览 0提问于2010-08-19得票数 2

回答已采纳

4回答

Angular Material 6网格列表对齐项目和对齐内容至flex-start

css、angular、angular-material

我已经尝试了以下css，但不起作用。.mat-grid-tile .mat-figure { align-items: flex-start; }

浏览 0提问于2018-08-20得票数 15

回答已采纳

1回答

如何仅覆盖第三方库中的组件并在Angular 4中使用来自父组件的模板(Html)和CSS

angular、typescript

如何仅覆盖第三方库中的组件，并在Angular 4中使用来自父组件的模板和CSS？2)它不是强制性的吗?然后举例说明如何重写？我在我的angular 4中使用了这个库ngx-carousel，我想要覆盖来自库组件的特定方法，并且不想覆盖html和css？

浏览 0提问于2018-01-29得票数 2

1回答

Angular - Angular材质的实用css框架/库- Flex布局项目

css、angular、angular-material、angular-flex-layout

我正在使用Angular 9/10开发一个应用程序，我正在使用Angular材质和Flex布局。我正在做Bootstrap 4的其他项目，我真的很喜欢有用的css类，如mt-x，pt-x等。有没有一个库或框架包含这种有用的类，可以与Flex Layout和Angular材质一起使用？

浏览 21提问于2020-07-17得票数 0

2回答

浮动标签和占位符重叠

css、angular、angular-material、material-design

required> <label class="float-label">Name</label> 这是css

浏览 0提问于2018-12-22得票数 3

1回答

没有应用于:角分量的根级的顺风CSS属性

javascript、html、css、angular、tailwind-css

我有一个角12项目安装了尾风CSS。-9 font-medium border-purple border-2 outline-none relative inline-block items-baseline m-0 py-0 px-4我怀疑我的基本尾风设置是正确的，因为我可以从button-bordered文件中访问styles.css和button-flat类，并且在所有css文件和html模板中都能正常工作。但是，对任何组件的:root类的任何更改都没有任何影响

浏览 2提问于2022-01-03得票数 1

回答已采纳

1回答

如何让侧边栏出现在移动端的内容之后，即使内容中有全宽块？

html、css、responsive-design

我尝试过将固定宽度的内容和侧边栏包装在一个共享容器中，但对于移动设备来说，只能想到一个将侧边栏放在内容之后、全宽度内容之前的解决方案。后者是不可取的。

浏览 0提问于2017-07-11得票数 0

2回答

如何在Angular2中覆盖可重用组件的样式？

javascript、css、angular

我有可重用的组件“两列布局包装器”，其样式在主文件.css中。我想在另一个模块中使用这个组件，但我需要2个不同宽度的类。如何替代样式？import { Component } from '@angular/core';import { Response } from '@angular</e

浏览 2提问于2017-06-26得票数 3

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

Angular 4组件和css flex顺序

相关·内容