24 H5内容可否编辑contenteditable属性

丨Anna丨

于 2020-10-28 14:13:10 发布

阅读量181

点赞数

分类专栏：前端重拾 # HTML5核心文章标签： html

本文链接：https://blog.csdn.net/u014331138/article/details/109331641

版权

前端重拾同时被 2 个专栏收录

42 篇文章 0 订阅

订阅专栏

HTML5核心

4 篇文章 0 订阅

订阅专栏

24 H5内容可否编辑contenteditable属性

语法

contenteditable="true"

示例

<head>
		<meta charset="UTF-8">
		<title>04_H5内容可否编辑contenteditable属性</title>
		<style>
			.warp{
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				width: 200px;
				height: 200px;
				background-color: #BBFFAA;
				font: 20px/200px "微软雅黑";
				text-align: center;
			}
		</style>
	</head>
	<body>
		<div class="warp" contenteditable="true">
			Hello
		</div>
	</body>

效果