考虑一下这个基本的HTML:
<p>Lorem ipsum dolor sit amet</p>
<div><p>Lorem ipsum dolor sit amet</p></div>
<p>Lorem ipsum dolor sit amet</p>
和CSS:
div {
background-color: lightgray;
padding-top: 0rem;
padding-left: 1rem;
}
()
当padding-top设置为0rem (或者如果
我希望我的边距也在课文的顶部,就像它在两边和底部一样。
.text_line {
border: solid black 2px;
margin: 60px;
padding: 40px;
}
<Section>
<span class="text_line">Isso é um teste 1</span>
<span class="text_line">Isso é um teste 2</span>
</Section>
这就是它的样子:
编辑
我在react.js项目中工作,使用material-ui和sass.I。我需要创建像ChatBit组件这样的组件,然后我编写了它作为它发布。 customComponent.js文件。 // @flow
import * as React from 'react';
import { useState } from 'react';
import { Avatar} from "@material-ui/core";
import useStyle from './styles';