DIV模拟文本框

茶凉了就别再续了

于 2014-09-03 23:28:01 发布

阅读量854

点赞数

分类专栏： html

本文链接：https://blog.youkuaiyun.com/blogluoqi/article/details/39036225

版权

html 专栏收录该内容

1 篇文章

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<style type="text/css">

.test_box {
    width: 400px;
	 border: 1px solid #a0b3d6;
    min-height: 120px;/*设置最小高度*/
	
    /*max-height: 300px;
    _height: 120px;
	*/
    margin-left: auto;
    margin-right: auto;
    padding: 3px;
    outline: 0;
   
    font-size: 12px;
    word-wrap: break-word;/*换行*/
    overflow-x: hidden;
    overflow-y: auto;
    _overflow-y: visible;
	border-radius: 15px 15px 15px 15px; /*让边框变圆角*/
}

</style>

<body>
<div class=test_box contenteditable=true>
</div>
</body>
</html>