將製作ejcees（中國象棋打譜程式）

[ejsoon]

Re: 將製作ejcees（中國象棋打譜程式）

• 引用

帖子 由 ejsoon » 2026年 3月 11日 02:18

完成分支上下移動的功能，同時修復一個小小的bug（刪分支後局面未改）：

https://ejsoon.vip/wp-content/uploads/2 ... el992.html

ejcees20260311listdel992.7z

(25.72 KiB) 已下载 5 次

[ejsoon]

Re: 將製作ejcees（中國象棋打譜程式）

• 引用

帖子 由 ejsoon » 2026年 3月 11日 09:45

分支切換出現問題：

ejcees_json_20260311031928張國鳳對張強.txt

(3.1 KiB) 已下载 3 次

[ejsoon]

Re: 將製作ejcees（中國象棋打譜程式）

• 引用

帖子 由 ejsoon » 2026年 3月 11日 11:23

最後還是靠自己把它改好的：

https://ejsoon.vip/wp-content/uploads/2 ... te993.html

ejcees20260311listrewirte993.7z

(25.69 KiB) 已下载 2 次

盡信AI不如只信五分之四！

[ejsoon]

Re: 將製作ejcees（中國象棋打譜程式）

• 引用

帖子 由 ejsoon » 2026年 3月 11日 12:27

css的flex能否實現每個子元素平均横向分成幾塊，然後子元素在這個塊的中間？


chatgpt:

代码： 全选

可以的。**Flex 很適合做這種「平均分塊 + 子元素居中」的布局**。常見有兩種寫法。

---

## 方法一：`flex: 1` 平均分配寬度（最常用）

每個子元素設置 `flex:1`，它們就會把父容器**平均分成 N 塊**。
然後在每個子元素內部再做居中即可。

```css
.container{
  display:flex;
}

.item{
  flex:1;                 /* 每個元素平均分配寬度 */
  display:flex;
  justify-content:center; /* 水平居中 */
  align-items:center;     /* 垂直居中 */
}
```

HTML：

```html
<div class="container">
  <div class="item">A</div>
  <div class="item">B</div>
  <div class="item">C</div>
</div>
```

效果：

```
|   A   |   B   |   C   |
```

每個 `.item` 都是等寬的一塊，內容在塊中央。

---

## 方法二：固定 N 塊（例如 5 等分）

如果你想**始終分成固定幾塊**，可以用 `flex-basis`：

```css
.container{
  display:flex;
}

.item{
  flex:0 0 20%;   /* 100% / 5 = 20% */
  text-align:center;
}
```

---

## 方法三：只讓元素自己居中（不用內部 flex）

如果只需要**文字居中**：

```css
.item{
  flex:1;
  text-align:center;
}
```

---

## 補充：如果子元素寬度不固定

如果子元素本身有寬度，但希望**在各自區域中間**，那麼一定要讓 `.item` 變成容器：

```css
.item{
  flex:1;
  display:flex;
  justify-content:center;
}
```

---

💡 **總結**

最標準的寫法就是：

```css
.container{ display:flex; }
.item{
  flex:1;
  display:flex;
  justify-content:center;
  align-items:center;
}
```

---

如果你需要，我還可以講一個 **「很多人不知道但更優雅的 flex 寫法」**：
只用 **一行 CSS 就能自動平均分塊且居中**（很適合做工具欄、導航欄）。

[ejsoon]

Re: 將製作ejcees（中國象棋打譜程式）

• 引用

帖子 由 ejsoon » 2026年 3月 11日 12:39

去掉按鈕的hover效果。

帥五進一而非進五。