如何将这些元素调整为我想要的方式?

时间:2019-02-05 02:35:35

标签: html css alignment

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

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

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

我尝试将modified.data用作文本框输入,将style="float:left"用作图像,但这没有用。

尽管如此,我仍然有很多东西要学习,一个例子就是如何将文本覆盖在图像上……我只是认为基本代码足以获得一些东西就足够了。有点帮助...

1 个答案:

答案 0 :(得分: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>