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;