我正在研究在线作文笔记本。学生可以使用它而不必在检查前“丢失”笔记本...我需要对齐各种元素,但不知道如何...
链接到项目:https://drive.google.com/drive/folders/15YrZ5XkcyoyuAsVE29BSA-UEa67GmyBf?usp=sharing
我想发生的事情大致是用Microsoft画图创建的,但这是最终用户界面(不包括标题栏和其他内容)外观的基本要点。
我尝试将style="float:left"
用于文本框输入,将style="float:right"
用于图像,但是它不起作用。
尽管对此进行了思考,但是我仍然有很多东西要学习,一个例子就是如何将文本覆盖在图像上……我只是认为基本代码足以获得某种帮助...
编辑:现在,我已经研究了该程序的功能,我进一步意识到,有更多的程序如此有效地执行了该操作……最后,我决定放弃该项目。
是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>