在HTML中，有两种显示图像的方式：img图像和background（背景）图像。 那么如何使用css来设置HTML中的图片位置呢？ 下面的文章将向您介绍如何使用CSS设置图片的位置，希望对您有所帮助。
1.使用position属性设置img图像的位置
Position 属性指定元素的定位类型。
阐明
此属性定义用于构造元素布局的定位机制。 任何元素都可以定位，但绝对或固定元素会生成块级框，无论元素本身的类型如何。 相对定位的元素相对于正常流中的默认位置是倾斜的。
属性值有四个：absolute：生成一个绝对定位的元素，相对于第一个父元素定位而不是静态定位。 元素的位置由“left”、“top”、“right”和“bottom”属性指定。
固定：生成绝对定位的元素，相对于浏览器窗口定位。 元素的位置由“left”、“top”、“right”和“bottom”属性指定。
relative：生成一个相对定位的元素，相对于其正常位置定位。 因此，“left:20”向元素的 LEFT 位置添加 20 个像素。
静态：默认值。 如果没有定位，元素将按正常流程显示（忽略顶部、底部、左侧、右侧或 z 索引声明）。
例子：
图像{
位置：绝对；
左：100 像素；
顶部：100 像素
通过绝对定位，元素可以放置在页面上的任何位置。 下面的标题距离页面右侧 100 像素html位置，距离页面底部 150 像素。
效果图：
2.使用background-position属性设置背景图片的位置
背景图片的背景图片位置属性中，background-position用于控制元素背景图片的位置。 它接受三个值：关键字，例如 top、right、bottom、left、center
长度值html位置，如px、em、rem等。
百分比值：%
背景位置属性设置背景图像的起始位置。
该属性设置背景的原始图像的位置（由background-image定义）。 背景图像（如果重复）将从此时开始。
例子：
div{宽度：200px; 高度：200px；
边框：1px实心#ccc；
背景： url('/i/eg_bg_03.gif') 左下无重复；}
效果图：
更多后端开发知识请参考HTML中文网！ ！
使用textarea时，需要通过textarea固定宽度进行自定义换行，而不是手动换行。 虽然在html中可以直接改，但是我也想到了用n来实现换行。 结果是你根本没有被鸟。
<textarea cols="50" rows="5" id="textareaid">"adfsadfs<br/>fddsadfds n dfadadf"</textarea>
百度上确实有说rn可以用来实现换行。 如果只兼容Google系统，可以直接n，实验不行。 我以为一定是通过JS形参来实现的，于是就出现了下面的代码：
文档
“adfsadfsfddsadfdsndfadadf”
文档.onclick=函数(){
警报（1）；
varstr='5456455d4fgdfgdgdgndsfafdadfadfafa';
document.getElementById("textareaid").value=str;
textarea换行已经成功实现了，所以我推测，如果要实现textarea换行，必须有一个动态的js参数。
注：百度上有说明，如果要兼容linux、unix、MacOS、window，可以将n替换为rn，不过我也实现了苹果系统下用n换行，以及没有在linux和unix系统下测试。html行，求解
textarea文本换行保存到data中读取时不换行解决方案：
1、保存数据库之前需要将要存入数据库的textarea中的换行符进行转换。
2 读取时，替换为textarea的换行符n即可
注意：使用replace方法时需要使用正则表达式，否则只能替换第一个换行符
例如：
str =“您好：
蜂蜜：
1.存储数据库前执行
dbstr=str.replace(/n|rn/g,"");
2.取值时使用正则表达式：
varreg=newRegExp("","g");//创建正则RegExp对象
varnewstr=remContent.replace(reg,"n");
3.在textarea后面显示newstr
处理文本区域的空格和换行符：
看来用户的文章没有处理输入的换行符和空格。 之前我并没有太在意它。 这一次，我辛辛苦苦缩进的代码结果却完全无法接受。 鉴于最近工作需要，遇到了这个问题，所以我就来说一下这个问题。 ，由于开发是在windows下html行，linux和苹果有时间再测试一下，因为不同的操作系统对于换行符的表达方式不同。
虽然这个处理相当简单，但是用一段代码就可以解决，"yourstring".replace(/n/g,"").replace(/s/g,"")，换行符通常是 r ，n或者rn，只是不同的系统不同，有兴趣的话可以尝试一下。 原理是textarea会将用户按键插入到字符串中，而在浏览器中，它意味着换行符和空格，所以我们需要在渲染之前将其转换为浏览器字符。
对了，可以通过H5的contentEditable属性实现一个简单的textarea，不过这是输入的换行符和空格会转换成浏览器对应的格式，再次显示时我们不需要转换，而这个属性实现文本框也会有很多棘手的问题，有兴趣的话可以看一下。
