javascript - 如何在物化CSS中添加边距?
问题描述
我一直在阅读文件并试图找出其他人是否有同样的问题。但我找不到任何东西。有什么办法可以在按钮之间添加空间?现在他们就在彼此旁边。谢谢!
import React from "react";
import { connect } from "react-redux";
class Todo extends React.Component {
state = {
color:null
}
render() {
let color;
if(this.props.todo.priorityLevel === "3" ) {
color = "#ff5252 red accent-2";
} else if(this.props.todo.priorityLevel === "2") {
color = "#ff8a65 deep-orange lighten-2";
} else {
color = "#fff176 yellow lighten-2";
}
return(
<div className={"card-panel " + color}>
<div id="todoInfo">
<h2>{`Title: ${this.props.todo.todoTitle}`}</h2>
<span id="todoDescription">{`Description: ${this.props.todo.description}`}</span>
<span id="todoPriorityLevel">{`Priority Level: ${this.props.todo.priorityLevel}`}</span>
</div>
<div id="todoActions">
<button className="btn-floating btn-large cyan pulse actionButtons" onClick={()=>this.props.dispatch({type:"EDIT_TODO", id: this.props.todo.id})}>Edit</button>
<button className="btn waves-effect #d50000 red accent-4 pulse actionButtons" onClick={()=>this.props.dispatch({type:"DELETE_TODO", id: this.props.todo.id})}>Delete</button>
</div>
</div>
)
}
}
export default connect()(Todo);
解决方案
添加style={{ marginRight: '40px !important' }}
第一个按钮。
或者,如果您使用<a>
标签而不是<button>
推荐阅读
- c# - 发送 Rest Request 时如何从 ASP.NET Identity 获取 UserID
- c - GDB - “strlen.S:没有这样的文件或目录”
- javascript - 分离地图值 - jquery
- css - 从子域调用文件 URL 时,标签中的下载属性不起作用
- django - 一次更新多个对象属性
- asp.net-core - Prometheus 中未找到令牌错误
- php - 如何在 PHP 准备语句中将数据插入数组?
- spring - Spring BOOT Logger Actuator 在集群环境中的行为如何?
- hyperledger-fabric - 链码应该只安装在背书节点上吗?
- ruby-on-rails - 使用 Rails 进行日志配置