个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
28
4
我有一个文本区域字段，其右上角有一个 div 框。我进行了广泛的搜索，但找不到一种方法可以让输入文本区域的文本环绕 div。
#wrapper {
position: relative;
width: 500px;
height: 500px;
}
#logo {
width: 100px;
height: 100px;
position: absolute;
right: 10px;
background-color: cyan;
}
textarea {
width: 100%;
height: 100%;
}<html>
<head>
<title></title>
<meta charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="logo">LOGO</div>
<textarea>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam acumsan fringila lacus, in rhoncus ligula pretium eu. Nulam blandit vel quam ut posuere. Sed tincidunt comodo lacinia. Vivamus eget ulamcorper sapien. Phaselus gravida pretium sem, non fringila orci luctus vel. Donec augue sapien, pharetra portitor fringila hendrerit, ultrices in telus. In aliquet laoret turpis vitae ultrices. Praesent eget nula et telus pelentesque suscipit ac eu est. Nula sed imperdiet dui. Donec eficitur est dolor, nec placerat ex posuere pretium.</textarea>
</div>
</body>
</html>最佳答案
我发现了这个相当古老的讨论: Unusual shape of a textarea?
给出的答案是使用 contenteditable div 上的属性(property).
我设法得到这段代码，这似乎正是您要找的。
<html>
<head>
<title></title>
<meta charset="utf-8" />
<style>
#wrapper {
width: 500px;
height: 500px;
}
#logo {
width: 100px;
height: 100px;
float: right;
background-color: cyan;
}
.textarea {
width: 100%;
height: 100%;
}
<html><head><title></title><meta charset="utf-8" /><style>#wrapper {
width: 500px;
height: 500px;
}
#logo {
width: 100px;
height: 100px;
float: right;
background-color: cyan;
}
.textarea {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="logo">LOGO</div>
<div class='textarea' contenteditable='true'>HTML</div>
</div>
</body>
</html>
</style>
</head>
<body>
<div id="wrapper">
<div id="logo">LOGO</div>
<div class='textarea' contenteditable='true'>HTML</div>
</div>
</body>
</html>我只是替换了 <textarea>与 <div class='textarea' contenteditable='true'>和 position: absolute;与 float:right; .
关于html - 将文本区域输入包裹在一个 div 周围，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42957363/
28
4
0
我想了解如何正确地从 Parcel 中读取空值。让我们看看我的用例: public class MyModel implements Parcelable { private Long id;
好吧，我知道我必须使用 JDBC 等，但我不确定如何将 jar 实现到我的代码中，我有一个基本代码来打开文件等，但我如何才能真正将 sqlite jar 与我的 java 一起合并类文件可以在任何地方
我想知道是否可以打包(或序列化)ClassLoader 以通过 Message 将其发送到 Android 中的另一个进程。 ClassLoader没有实现 Parcelable/Serializab
在上传到我的域时尝试让我的 SVG 出现在浏览器中时，我 - 类似于我拥有 的其他项目包裹安装 - 创建了一个 静态文件夹 我会将 SVG 文件放入的位置。它现在出现在浏览器中，但是，正在播放的“绘图
我有这样的东西: 我希望以最简单的方式实现这样的事情:
当我们使用一个独立的函数语句作为 IIFE 时，我们需要用 () 包装它以使其工作 // IFFE (function a(){ console.log('Hello') }()); // I
我正在为 WCF 开发一个 Java 客户端，并且模板运行良好。我最初使用的是 eclipse 的 Web 服务客户端项目，但后来发现 android 平台不支持所需的库。当时我打算使用 ksoap，
我希望将整行变为可点击。现在行看起来像 Group Obj
我有以下标记(使用 Bootstrap 4): .resource{ border:1px solid red; } tes
#parent{ max-width:1100px; margin: auto; border: 1px solid red; padding: 40px; } #ch
我正在尝试用自定义指令包裹 Angular 带的弹出框。 弹出窗口应该能够使用由使用我的指令的人提供的自定义模板，并且该模板应该能够使用 Controller 的范围。 对于范围部分，我发现我可以将
我有一个 HTML 页面，其中一个 div 包含另一个包含数据库(聊天系统)中所有用户的 div，但是 ul li 标签没有占用父 div 的整个宽度。这是预期结果的图像:http://prntscr
我正在尝试通过套接字将包裹发送到 Android 应用程序。客户端在 libbinder(c++) 中，服务器是一个必须重建包裹的 android 应用程序。我一直在寻找解决方案有一段时间了，但我不知
当我部署一个网站(有多个入口点，许多 HTML 文件)并且主机使用构建命令时:parcel build index.html aboutme.html。部署的网站给我一个 404 错误。但是，如果我在
在 Quarkus 中，异常映射器返回的实体似乎被包装在另一个实体中。 提供一个 JAX-RS 异常映射器，例如: @Provider public class WebhookExceptionMap
如果我设置 textLayer.wrapped = YES , 如何调整大小 textLayer包含包装的文本？即，我如何获得 textLayer 的新高度? 基本上，我想要类似 -[UILabel
您好，如果类有 anchor ，我会尝试用 anchor 包裹图像。 jQuery: if ( $(".views-row:has(a)").length) { var noderef = $
所以，我以前多次使用 Parcel，我从来没有遇到过问题。 这一次它抛出了一些关于 SemVer 版本控制的愚蠢错误，我真的很想找到解决这个问题的解决方案。 我开始了新项目:安装了 npm w/npm
我将 Kotlin 与 Anko 一起使用，我想向另一个 Activity 发送玩家列表。 class Player(var name: String?) { var score: Int = 0 i
我正在尝试使用 Parcelable 通过 Activity 传递数据。这是我的代码: public class Player implements Parcelable { public stati
我是一名优秀的程序员,十分优秀！