尝试297在safari上的问题

multi.html

@@ -718,12 +718,13 @@ var formation = new Formation(teamsCount,5);
 				</div>
 				<div class="row-mon-plus">
 					<!--怪物加值-->
-					<ul>
-						<button class="m-plus-btn-297"><span>297</span></button>
-						<li class="m-hp-li"><span class="plus-value"><input type="number" class="m-plus-hp" min=0 max=99 /></span><button class="m-plus-btn" value="0">0</button></li>
-						<li class="m-atk-li"><span class="plus-value"><input type="number" class="m-plus-atk" min=0 max=99 /></span><button class="m-plus-btn" value="0">0</button></li>
-						<li class="m-rcv-li"><span class="plus-value"><input type="number" class="m-plus-rcv" min=0 max=99 /></span><button class="m-plus-btn" value="0">0</button></li>
-					</ul>
+					<div class="plus-box">
+						<ul>
+							<li class="m-hp-li"><span class="plus-value"><input type="number" class="m-plus-hp" min=0 max=99 /></span><button class="m-plus-btn" value="0">0</button></li>
+							<li class="m-atk-li"><span class="plus-value"><input type="number" class="m-plus-atk" min=0 max=99 /></span><button class="m-plus-btn" value="0">0</button></li>
+							<li class="m-rcv-li"><span class="plus-value"><input type="number" class="m-plus-rcv" min=0 max=99 /></span><button class="m-plus-btn" value="0">0</button></li>
+						</ul><button class="m-plus-btn-297"><span>297</span></button>
+					</div>
 				</div>
 				<div class="row-mon-level">
 					<!--怪物等级-->

solo.html

@@ -670,12 +670,13 @@ var formation = new Formation(teamsCount,6);
 				</div>
 				<div class="row-mon-plus">
 					<!--怪物加值-->
-					<ul>
-						<button class="m-plus-btn-297"><span>297</span></button>
-						<li class="m-hp-li"><span class="plus-value"><input type="number" class="m-plus-hp" min=0 max=99 /></span><button class="m-plus-btn" value="0">0</button></li>
-						<li class="m-atk-li"><span class="plus-value"><input type="number" class="m-plus-atk" min=0 max=99 /></span><button class="m-plus-btn" value="0">0</button></li>
-						<li class="m-rcv-li"><span class="plus-value"><input type="number" class="m-plus-rcv" min=0 max=99 /></span><button class="m-plus-btn" value="0">0</button></li>
-					</ul>
+					<div class="plus-box">
+						<ul>
+							<li class="m-hp-li"><span class="plus-value"><input type="number" class="m-plus-hp" min=0 max=99 /></span><button class="m-plus-btn" value="0">0</button></li>
+							<li class="m-atk-li"><span class="plus-value"><input type="number" class="m-plus-atk" min=0 max=99 /></span><button class="m-plus-btn" value="0">0</button></li>
+							<li class="m-rcv-li"><span class="plus-value"><input type="number" class="m-plus-rcv" min=0 max=99 /></span><button class="m-plus-btn" value="0">0</button></li>
+						</ul><button class="m-plus-btn-297"><span>297</span></button>
+					</div>
 				</div>
 				<div class="row-mon-level">
 					<!--怪物等级-->

style.css

@@ -1068,14 +1068,14 @@ ul{
 	line-height: 35px;
 	text-shadow: black 2px 2px 0;
 }
-.row-mon-plus ul{
+.row-mon-plus .plus-box{
 	border-color: #A07740;
 	border-style: solid;
 	border-width: var(--border-width);
 	border-radius: 8px;
 	background-color: #44392C;
 	box-shadow: inset black 0 3px 5px;
-	width: 145px;
+	white-space: nowrap; /*避免纵向297跑到下一行*/
 }
 .row-mon-plus li{
 	height: 35px;
@@ -1097,9 +1097,9 @@ ul{
 	font-size: inherit;
 	text-shadow: inherit;
 	box-sizing: border-box;
-	width: 32px;
+	width: 2em;
 	line-height: 33px;
-	height: 35px;
+	padding: 0;
 	-moz-appearance: textfield; /*火狐去掉数字加减*/
 }
  /*webkit去掉数字加减*/
@@ -1126,13 +1126,19 @@ ul{
 	box-sizing: border-box;
 	height: 105px;
 	font-size: 22px;
-	float: right;
 	writing-mode: vertical-lr;
+	min-width: 32px; /*先给297一个默认宽度*/
 }
 .m-plus-btn-297 span{
 	/*Chrome浏览器不支持按钮本身的纵向，只能加一层*/
 	-webkit-writing-mode: vertical-lr;
 }
+.row-mon-plus .plus-box ul,
+.m-plus-btn-297
+{
+	display: inline-block;
+	vertical-align: top;
+}
 /*.edit-box .setting-box .row-mon-level::before{
 	content: "▼怪物等级";
 }*/
@@ -1239,7 +1245,7 @@ ul{
 }*/
 .skill-box .m-skill-level {
 	/*height: 30px;*/
-	width: 50px;
+	width: 2.5em;
 	line-height: 30px;
 	box-sizing: border-box;
 	font-size: inherit;

triple.html

@@ -1304,12 +1304,13 @@ var formation = new Formation(teamsCount,6);
 				</div>
 				<div class="row-mon-plus">
 					<!--怪物加值-->
-					<ul>
-						<button class="m-plus-btn-297"><span>297</span></button>
-						<li class="m-hp-li"><span class="plus-value"><input type="number" class="m-plus-hp" min=0 max=99 /></span><button class="m-plus-btn" value="0">0</button></li>
-						<li class="m-atk-li"><span class="plus-value"><input type="number" class="m-plus-atk" min=0 max=99 /></span><button class="m-plus-btn" value="0">0</button></li>
-						<li class="m-rcv-li"><span class="plus-value"><input type="number" class="m-plus-rcv" min=0 max=99 /></span><button class="m-plus-btn" value="0">0</button></li>
-					</ul>
+					<div class="plus-box">
+						<ul>
+							<li class="m-hp-li"><span class="plus-value"><input type="number" class="m-plus-hp" min=0 max=99 /></span><button class="m-plus-btn" value="0">0</button></li>
+							<li class="m-atk-li"><span class="plus-value"><input type="number" class="m-plus-atk" min=0 max=99 /></span><button class="m-plus-btn" value="0">0</button></li>
+							<li class="m-rcv-li"><span class="plus-value"><input type="number" class="m-plus-rcv" min=0 max=99 /></span><button class="m-plus-btn" value="0">0</button></li>
+						</ul><button class="m-plus-btn-297"><span>297</span></button>
+					</div>
 				</div>
 				<div class="row-mon-level">
 					<!--怪物等级-->