Javascript 使用css水平对齐文本和框

。浮动框{
显示：内联块；
高度：10px；
利润率：20px；
}
氢{
文本对齐：居中；
}

var c=document.getElementById（“myCanvas2”）；
var ctx=c.getContext（“2d”）；
ctx.beginPath（）；
ctx.moveTo（0,0）；
ctx.lineTo（100103）；
ctx.stroke（）；
ctx.moveTo（100,0）；
ctx.lineTo（0103）；
ctx.stroke（）；
品名

用以下内容替换画布标记：

<canvas id="myCanvas2" width="100" height="103" style="border:1px solid black;display: -webkit-inline-box;border: 1px solid black;margin-right: 0px;">

---

用以下内容替换画布标记：

<canvas id="myCanvas2" width="100" height="103" style="border:1px solid black;display: -webkit-inline-box;border: 1px solid black;margin-right: 0px;">

---

您可以使用flex box概念轻松实现这一点。请参阅此以进行定制

。浮动框{
显示器：flex；
弯曲方向：行；
调整项目：灵活启动；
调整内容：灵活启动；
证明内容：中心；
}
h2{margin:0；}

品名
var c=document.getElementById（“myCanvas2”）；
var ctx=c.getContext（“2d”）；
ctx.beginPath（）；
ctx.moveTo（0,0）；
ctx.lineTo（100103）；
ctx.stroke（）；
ctx.moveTo（100,0）；
ctx.lineTo（0103）；
ctx.stroke（）；

您可以使用flex box概念轻松实现这一点。请参阅此以进行定制

。浮动框{
显示器：flex；
弯曲方向：行；
调整项目：灵活启动；
调整内容：灵活启动；
证明内容：中心；
}
h2{margin:0；}

品名
var c=document.getElementById（“myCanvas2”）；
var ctx=c.getContext（“2d”）；
ctx.beginPath（）；
ctx.moveTo（0,0）；
ctx.lineTo（100103）；
ctx.stroke（）；
ctx.moveTo（100,0）；
ctx.lineTo（0103）；
ctx.stroke（）；

仍未对齐您想要水平对齐na？是的。。。在这种情况下，要将文本与方框顶部水平放置，请使用以下css:：h2{margin:0px；float:left；text align:center；display:-webkit inline box；}仍未对齐您希望水平对齐na？是。。。在这种情况下，要将文本与方框顶部水平放置，请使用以下css:：h2{margin:0px；float:left；text align:center；display:-webkit inline box；}如果我希望文本与框的顶部水平线对齐，该怎么办？您可以使用

对齐项目：柔性开始

并将h2的默认边距设置为0如果我希望文本与框的顶部水平线对齐，该怎么办？您可以使用

对齐项目：柔性开始

并将h2的默认边距设置为0