gpt4 book ai didi

html - 如何使文本 float 到 Canvas 的右侧?

转载 作者:行者123 更新时间:2023-11-28 04:31:58 25 4
gpt4 key购买 nike

我一直在尝试让一个文本框(固定大小)直接出现在 Canvas 的右侧(向右浮动会使它向右移动太远),但没有取得太大的成功。截至目前,文本框一直直接显示在 Canvas 上方。

HTML:

<body>
<div class="wrapper">
<div class="labelMaker"><label>Labs:</label></div>
<canvas id="can" width="680" height="485"></canvas>
</div>
</body>

CSS:

.labelMaker {
border:solid;
width:150px;
height:100;
}

.wrapper canvas {
margin-right:15px;
float:left;
}

有什么解决这个问题的建议吗?此外,我正在考虑在 Canvas 和文本框上方放置一个标题,但担心如果我使用不同尺寸的不同设备或放大/缩小,这会影响 Canvas 上的坐标,因为如果你放大太多,文本换行。这真的是个问题吗?

最佳答案

<style type="text/css">
.labelMaker{
border:solid;
width:150px;
height:100;
right: 170px;
display: inline-block;
float: right;
position: relative;
}

.wrapper canvas {
margin-right:180px;
float:left;
}

</style>

关于html - 如何使文本 float 到 Canvas 的右侧?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41685752/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com