CSS常见备忘

1.span元素居中

使span中元素居中，直接使用text-align是无效的，因为span是行内元素，所以必须将其转换为block才能生效

<span style="text-align:center,display:block"}}>hello</span>

2.button居中

要使两个button居中，可以在其父级放置一个div，然后设置div的style 为 text-algin：center

<div style="text-align:center">
	<button>one </button>
	<button>two </button>
</div>

3.表格内容过长省略显示, 鼠标停留在内容上显示全部内容

    {
      title: "供应商",
      dataIndex: "supplierName",
      key: "supplierName",
      width: 200,
      render: (data, row, index) => {
        return (
          <div className="hidden1" style={{ width: "180px" }} title={data}>
            {data}
          </div>
        );
      },
    },

关键在于设置 css属性为：style="text-overflow: ellipsis; white-space: nowrap; overflow: hidden;cursor:pointer;