Question

我在javascript中创建了一个状态类型的帖子，在“撰写帖子”div中，有一个居中的文本，上面写着“在这里输入你的文字”（有了contenteditable），当你输入一个新行时那个文本，div扩展了。但是，它不会保留文本和div底部之间的空间。在扩展页面的同时，如何保留div的文本和底部之间的空间？谢谢！

Answer 1

将填充添加到#body：

#body {
    ...
    padding: 20px;
}

从#thirdspan删除以下属性：

position: relative;
top: 20px;
left: 20px;

并将box-sizing添加到#body：

#body {
    ...
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

Answer 2

使用填充来获取间距而不是使用相对位置，并使第三个span块元素。

#thirdspan{
    color: black;
    font-family: 'Roboto';
    padding: 20px;
    display: block;
}

请参阅jsfiddle。

即使用min-height（javascript），如何保持div中文本的间距不变

2 个答案: