gpt4 book ai didi

html - 正文卡在底部,因此无法放大文本区域

转载 作者:行者123 更新时间:2023-11-28 10:12:39 25 4
gpt4 key购买 nike

我正在尝试通过向下翻页来重新制作类似 stackedit 的东西。在这里:

<!DOCTYPE html>

<html>

<head>
<title>PageDown Demo Page</title>

<link rel="stylesheet" type="text/css" href="demo.css" />

</head>

<body>
<div class="wmd-panel">
<div id="wmd-button-bar"></div>
<textarea class="wmd-input" id="wmd-input">
This is the *first* editor.
------------------------------

Just plain **Markdown**, except that the input is sanitized:

<marquee>I'm the ghost from the past!</marquee>

and that it implements "fenced blockquotes" via a plugin:

"""
Do it like this:

1. Have idea.
2. ???
3. Profit!
"""
</textarea>
</div>
<div id="wmd-preview" class="wmd-panel wmd-preview"></div>

<br /> <br />


</body>
</html>

还有我的 CSS:

body {
margin: 0 0;
min-height: 100%;
overflow-y: scroll
.wmd-panel {
margin: auto;
float: left;
width: 49%;
height: 100% !important;
}
.wmd-button-bar {
width: 100%;
}
.wmd-input {
width: 100%;
height: 100%;
font-family: Menlo, Consolas, 'Courier New', Courier, monospace;
float: left;
display: block;
}
.wmd-preview {
font-family: Menlo, Consolas, 'Courier New', Courier, monospace;
float: right;
height: 90%;
width: 49%;
overflow: auto;
display: block;
}
.wmd-button-row {
padding: 0 0 0 0 !important;
width: 49%;
}
...

JSFiddle here

所以我不能用 css 使 textrea 变大,手动这在开发工具中给了我这个:

enter image description here

最佳答案

您正在尝试以百分比高度拉伸(stretch)文本区域吗?

height: 100%; 应用于 html,body

In a fiddle.

CSS

html, body {
margin: 0;
height: 100%;
}

关于html - 正文卡在底部,因此无法放大文本区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24332075/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com