Как удалить пространство между div в разных строках

90
7

Проверьте эту скрипку. Я хотел бы знать, как удалить пространство между строками. Я уже пытался удалить <br/>, но ничего не меняется. Кроме того, я не хочу ставить отрицательные значения для margin-bottom. Я не знаю, имеет ли это ответ или css.

HTML

<div id="app"></div>

CSS

div.square {
display: inline-block;
width: 20px;
height: 20px;
}

реагировать

class Square extends React.Component {
constructor(props) {
super(props);
this.style = {
backgroundColor: 'yellow',
borderStyle: 'solid',
borderWidth: 1
}
}
render () {
return (<div class = "square" style = {this.style}></div>);
}
}

class App extends React.Component {
constructor(props) {
super(props);
}

render() {
var ret = [];
for (var i = 0; i < this.props.m; i++) {
for (var j = 0; j < this.props.n; j++) {
ret.push(<Square></Square>);
}
ret.push(<br />);
}
return ret;
}
}

ReactDOM.render(<App m = "10" n = "10" />,document.querySelector("#app"));

спросил(а) 2018-10-17T22:28:00+03:00 2 года назад
1
Решение
-4

Имейте в виду, что класс зарезервирован для создания компонентов в реакции. Таким образом, чтобы добавить имена классов css в элементы jsx, вы должны использовать className prop вместо класса

+ Изменить

 render () {
return (<div class = "square" style = {this.style}></div>);
}

к

 render () {
return (<div className= "square" style = {this.style}></div>);
}

И измените свой css на

 div.square {
display:inline-block;
margin:0;
vertical-align:top;
width: 20px;
height: 20px;
}

ответил(а) 2018-10-17T22:32:00+03:00 2 года назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема