CSS对齐: flexbox/顺风对齐问题

文章/答案/技术大牛

发布

1回答

css、reactjs、tailwind-css

目前我正在使用顺风来对齐react中的数据，我已经尝试添加了flexbox，但它似乎有一些问题如果有人能解释我做错了什么，我会很高兴的。

浏览 22提问于2020-05-29得票数 0

1回答

如何在ant设计按钮中居中显示图标

javascript、reactjs、styles、stylesheet、antd

import "antd/dist/antd.css"; <Col span={

浏览 284提问于2020-10-26得票数 2

1回答

如何停止flex自动调整，目前是根据文本长度自动调整。我希望无论文本长度如何，整个表格都是相同的大小

css

如何对齐，因为我无法对齐 <div class="d-flex justify-content-between"> <span>Total Items: @Model.Count

浏览 28提问于2021-07-09得票数 1

1回答

仅使用flexbox CSS将flex项像网格一样对齐

css、flexbox

我正在尝试在flexbox中左对齐项目，如下所示。然而，我不能让它们像网格显示那样对齐，我尝试了所有的flexbox属性，但只能使用网格才能使其工作，但我不能在这里使用网格。 ? 下面是我的代码： CSS .container { align-items: center; text-align:left; } 我需要所有的文本左对齐红线。

浏览 14提问于2020-10-19得票数 2

回答已采纳

1回答

在Vaadin v.23中，按钮对齐不起作用

button、alignment、vaadin

另外，我所有的按钮都是80 my，前两个看起来是垂直对齐的，而第三个看起来更高。我如何将它们垂直对齐？

浏览 7提问于2022-10-29得票数 2

回答已采纳

1回答

Float: right属性在flexbox中不起作用

html、css、flexbox

所以我在我的网页中使用了一个flexbox，我有两个元素。我希望第一个元素居中对齐，第二个元素向右对齐。我可以用flexbox属性将它们对齐到中心，但是我不能将第二个属性对齐到左边。</span>Css：display: flex;justify-content: center;}

浏览 2提问于2021-06-07得票数 0

3回答

IE11中的弹性框对齐

css、internet-explorer、flexbox

在附加的Codepen中，您将看到我正在使用Flexbox来对齐标题中的徽标和菜单图标。徽标应该左对齐，菜单图标应该右对齐。(我还有其他元素，但这只是一个用于演示的简化版本)。在IE11中测试时，我发现Flexbox无法正常工作。据我所知，通过文档，IE11应该支持这一点。我还有其他的Flexbox元素，它们也不能工作。.container { display:

浏览 0提问于2017-04-10得票数 3

回答已采纳

2回答

顺风css图片下的文本对齐？

tailwind-css

我想对齐图片下面的文字，这是我正在做的事情的截图。在这里帮助我，我希望代码在顺风css中。

浏览 9提问于2022-03-27得票数 0

1回答

CSS挠性盒图像对中

css、html、flexbox

我有一个可变的图像集，我显示在一个柔性盒，并试图确保图像垂直和水平对齐他们的父div。我已经尝试了通常的垂直对齐，文本对齐，最大宽度: 100%；和边距:0自动；。有什么好的跨浏览器解决方案，以解决我的困境，不会导致扭曲/左对齐图像？下面是CSS (在它当前的borky表单中，我也尝试过前面提到的以CSS为中心的CSS)： max-width: 100%;

浏览 1提问于2014-05-25得票数 0

回答已采纳

2回答

使用顺风CSS在具有预定义宽度的flex容器中定位元素

html、css、tailwind-css

目前，我在使用顺风CSS设计卡组件时遇到了问题。正如你所看到的，价格不对齐--我怎样才能使它对齐呢？

浏览 9提问于2022-02-13得票数 0

回答已采纳

1回答

为什么是弯曲端和弯曲-开始顶部和底部与弯曲方向:行

html、css、flexbox、alignment

html, body { width: 100%; } flex-direction: row; display: flex;center; align-self: flex-end; align-self: flex-start;<div class="flexbox="right" id="delete">Delete</button&g

浏览 2提问于2019-07-23得票数 0

回答已采纳

2回答