如何按照我想要的方式对齐这些元素?

问题描述 投票:-3回答:1

我正在研究在线作文笔记本。学生可以使用它而不必在检查前“丢失”笔记本...我需要对齐各种元素,但不知道如何...

链接到项目:https://drive.google.com/drive/folders/15YrZ5XkcyoyuAsVE29BSA-UEa67GmyBf?usp=sharing

我想发生的事情大致是用Microsoft画图创建的,但这是最终用户界面(不包括标题栏和其他内容)外观的基本要点。

我尝试将style="float:left"用于文本框输入,将style="float:right"用于图像,但是它不起作用。

尽管对此进行了思考,但是我仍然有很多东西要学习,一个例子就是如何将文本覆盖在图像上……我只是认为基本代码足以获得某种帮助...


编辑:现在,我已经研究了该程序的功能,我进一步意识到,有更多的程序如此有效地执行了该操作……最后,我决定放弃该项目。

html css alignment
1个回答
0
投票

display: inline-block;不允许您对齐。只需如下对齐即可。

<div style="text-align: left;">Left</div>
<div style="text-align: center; display: inline-block;">Center</div>
<div style="text-align: center;">Center</div>
<div style="text-align: right;">Right</div>
© www.soinside.com 2019 - 2024. All rights reserved.