div变为输入框

最新推荐文章于 2025-03-26 15:26:05 发布

lijunlinlijunlin

最新推荐文章于 2025-03-26 15:26:05 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML&&CSS

本文链接：https://blog.youkuaiyun.com/lijunlinlijunlin/article/details/51247395

HTML&&CSS 专栏收录该内容

29 篇文章

订阅专栏

本文将为您介绍HTML、CSS和JavaScript的基础知识及其在前端开发中的应用，包括样式设置、交互实现和页面布局等核心技能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <link type="text/css" rel="stylesheet" href="divedit.css">
</head>
<body>
   <div class="survey_title">

        <div class="inner">

            <h1 class="title_content cke_editable cke_editable_inline cke_contents_ltr cke_show_borders" contenteditable="true" tabindex="0" spellcheck="false" style="position: relative;" role="textbox" aria-label="false" aria-describedby="cke_34">标题dsdfd><br><br><br></h1>

        </div>

    </div>
</body>

</html>

-------------------------------------------------------------------

divedit.css

* {
background-repeat: no-repeat;
}

div {
display: block;
}

.survey_title {
   border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;

    padding-top: 5px;
   padding-bottom: 5px;
   text-align: center;
   -ms-word-break: break-all;
   word-break: break-all;
}

.survey_title .inner {
margin-left: auto;
margin-right: auto;
max-width: 710px;
}

.title_content {
padding: 10px 0;
font-size: 24px;
color: #333333;
font-weight: normal;
margin: 0;
word-break: break-word;

border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}

.cke_editable {
cursor: text;
}