因此,我打算使用flex-box将<H4>样式的组件对齐到页面的中心,但不起作用,我也尝试了margin:0 auto,但它只将H4水平对齐 另外,我想知道为什么页面会溢出? import React from "react";
import {
IconButton,
Drawer as MUIDrawer,
ListItem,
ListItemI
} from "@material-ui/core";
import MenuIcon from "@material-ui/icons/Menu";
import s
最初框是这样对齐的,其中所有框都具有flex属性。 我希望它是对齐的,例如,这是用于导航栏对齐。 我尝试过flex-direction: column, 当屏幕尺寸小于特定像素时,将出现汉堡条 example, after the screen shrink to <800px The desktop resolution @media only screen and (max-width: 1035px) {
.line {
display: none;
}
.logo,
.nav-links li a,
.button {
/*displa
我花了几个小时试图让我的flex元素中的文本垂直对齐,但没有成功。感觉我遗漏了一些非常重要的东西!
HTML
<div class="flex-container">
<div class="flex-item">
test
</div>
<div class="flex-item">
test
是否有一些简单的方法可以将div容器中的内容对齐到右侧或底部:
<div class="span-24 align-right last">Text appears on the right side of the layout</div>
或者:
<div class="span-2" id="lots-of-content"></div><div class="span-22 last bottom">Appears at bottom of container<
我开发了以下网站:https://konekto.world/first_use 正如你从网站上看到的,这张照片实际上没有居中,对手机来说太大了。正如您在下面的代码中所看到的,我尝试通过几种方法对齐它,但都不起作用。我将非常感谢你的帮助! import React from 'react';
import { Grid } from '@material-ui/core';
import { Header } from '../Layout';
//import logo from '.../public/android-chrome-