CSSのよくあるメモ

1.span要素が中央にある

spanの要素を中央に配置し、text-alignを直接使用するのは無効です.spanは行内の要素なので、ブロックに変換する必要があります.

hellospan>

2.button中央

2つの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;