如何在没有填充的情况下从文本到<textarea>顶部添加垂直和水平空间?

How to add vertical and horizontal space from text to top of <textarea> without padding?

提问人:Maksiks 提问时间:8/5/2023 更新时间:8/5/2023 访问量:36

问:

通常你只会为此使用填充,但我有一些需要尺寸的 js,这需要我做很多像素完善,特别是如果我打算多次使用该 js。

有一个用于水平间距的属性,但它仅适用于第一行[text-indent][1]

现在是什么: enter image description here

大致我需要的: enter image description here

JavaScript HTML CSS 输入 textArea

评论

0赞 Slevin 8/5/2023
只有填充和边距。但是你总是可以把一个 div 放在另一个 div 中。
1赞 Tamir Abutbul 8/5/2023
共享代码
0赞 jsejcksn 8/5/2023
将 textarea 换行在具有相同背景颜色的元素中,并改为应用偏移样式:— 如果这回答了您的问题,那么我可以将其写成一个 — 如果没有,我错过了什么?<div class="bg-black"><div class="bg-orange"><textarea class="bg-orange"></textarea></div></div>
0赞 Maksiks 8/5/2023
@jsejcksn我仍然希望整个区域保持可点击性,所以你的解决方案还没有完全存在,我确实认为 James Mwara 的解决方案是一种方式。

答:

1赞 James Mwaura 8/5/2023 #1

例如,假设你有一个 Grid 组件,里面是一个 Typography 组件,那么你可以这样做

<Grid sx={{ display: 'flex', marginLeft:1,}}> <Typography>text here</Typography></Grid>

您也可以在 css 文件中执行此操作。

评论

0赞 Maksiks 8/5/2023
我认为我的目标是懒惰,我的意思是高效,这与它背道而驰,只是每次都更简单地对其进行像素完善。不过,这完全是这个问题的解决方案