html - css div 高度扩展器

标签 html css expander

<分区>

我试图在 div 上放置一个 textarea 扩展器,但我找不到要设置的正确元素,这里是对我正在尝试做的事情的解释:

在底 Angular 的文本区域输入标签中,有扩展器供用户设置他想要的文本区域的大小

我的问题是,有没有办法把类似的东西放在 div 上?我不寻找 javascript 代码,css 或 html 会很棒。

最佳答案

使用 CSS3 resize: both;,如下所示:http://dhtmlexamples.com/2011/01/20/creating-a-user-resizable-div-tag-using-css3/

<style type="text/css">
    .isResizable {
        background: rgba(255, 0, 0, 0.2);
        font-size: 2em;
        border: 1px solid black;
        overflow: hidden;
        resize: both;
        width: 160px;
        height: 120px;
        min-width: 120px;
        min-height: 90px;
        max-width: 400px;
        max-height: 300px;
    }
</style>

<div class="isResizable">The quick brown fox jumps over the lazy dog.</div>

关于html - css div 高度扩展器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7573593/

上一篇:javascript - 如何获取部分CSS代码到JavaScript/jQuery?

下一篇:html - 有趣的 CSS 表单布局

相关文章:

c# - ExpanderView 的性能不利于扩展(XAML + UWP)

wpf - 隐藏 WPF 扩展器控件的箭头

jquery - 当推送菜单处于事件状态时,如何移动 div 背景图像?

javascript - 星级评分系统

html - 如何拉伸(stretch)两个 div 元素以填充可用的水平空间?

javascript - 将 CSS 字符串作为新文档样式表注入(inject)

html - 确保内容长度未知的水平对齐 DIV 的 block 高度相似

javascript - 为什么在使用 .empty() 后无法将 Html 插入 DOM 元素?

javascript - 在 img 标签中显示 mjpeg 的替代方案(使用基本身份验证)

html - Z 索引 : Internet Explorer (Z Ordering)