1.新建一个html文件，命名为test.html，用于讲解css如何让div中的图片居右对齐。
6.在浏览器打开test.html文件，查看实现的效果。
Html中，有的居中，有的居左右。 这种一般处理的方式是把三个东西分别放置在三个div中。 然后定位这三个div div本身是block的，所以会换行。 可以把他们都绝对定位处理 然后简单的笨办法：在里面再弄一个有三列的table（不推荐）
选择器可以是页面的整个body元素，也可以是页顶所在的特定元素，如导航栏或页眉。
在选择器中，设置属性"position: fixed;"来将元素固定在页面顶部，然后使用"right: 0;"属性来使元素靠右对齐。此外，可以设置其他样式属性来调整元素的大小、颜色或其他外观细节，以符合设计需求。
最后，在相应的HTML元素中添加相应的类或ID，以与选定的选择器相匹配。
1.打开开发工具，创建一个web项目以及html和css文件
4.运行web项目，在浏览器中你会看到文本内容左右对齐div的边框了，这个方法中英文 只有中文或者英文都适用，也是常见的方法
5.下面这个方法适用于纯汉字的情况下，html文件就不贴出来了，在div中加入如下代码即可
6.这个和第五步的使用范围是一样的，纯汉字的情况下，不过建议使用第一种方法哦
7.后面两种方法的运行之后的浏览器效果如图所示，可以看到虽然两端对齐了 ，但是和div的边框左右都有距离，不过看起来更友好一点。
2、文本、组件后添加空格对齐。
在文本中添加 (空格)实现文本间的间隔，而在组件后面添加空格，可以使组件得到扩充，实现文本框和密码框对齐的功能，这样看起来就十分美观了。
当我们实在无法对齐文本或组件的时候，我们也可以选择将这些放置在同一行，这样在页面显示出来的样子也同样美观，只需要我们去掉换行单标记就能实现。