1、首先我用一个ul和两个li标签元素来再页面显示一下；
2、接下来就开始让这两个li标签一左一右排列。先给宽高和一些颜色来看看它们最初始的排列方式；
3、然后打开浏览器就可以看到它们默认是垂直排列下去的；
4、接着我们给它们的容器ul设置display设置flex以及justify-content为spance-between即可。
可以使用input的text-align标签实现文本框靠左，文本框中数字靠右。
具体步骤如下：
需要准备的材料分别是：电脑、浏览器、ultraedit。
1、在ue编辑器中新建一个空白的html文件。
2、在ue编辑器中输入以下html代码。
3、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。
4、在浏览器中打开此html文件，可以看到最终想要实现的文本框靠左，文本框中数字靠右效果。
扩展资料
一个网页对应多个HTML文件，超文本标记语言文件以.htm（磁盘 *** 作系统DOS限制的外语缩写）为扩展名或.html（外语缩写）为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀即可。
标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：<br/>），即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。
标记符<html>，说明该文件是用超文本标记语言（本标签的中文全称）来描述的，它是文件的开头而</html>，则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。
头部内容，标记符<html>：说明该文件是用超文本标记语言来描述的，它是文件的开头，而</html>则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。
<head></head>：这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果。
头部中最常用的标记符是标题标记符和meta标记符，其中标题标记符用于定义网页的标题，它的内容显示在网页窗口的标题栏中，网页标题可被浏览器用做书签和收藏清单。
1、打开编辑器，新建test.html，用于学习今天的内容。如下图所示：
2、接下来需要在head标签下方引入jquery.min.js插件，如下图所示：
3、在页面的body标签里，新建一个div，名称为test。如下图所示：
4、在body标签下方写上<script></script>,用来存放js代码。通过class定位到div，通过css()方法让文字居中。如下图所示：
5、在浏览器中打开test.html，可以在文字在页面中间显示。如下图所示：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）