如何使用语义-ui组件设置宽度和高度输入
如何使用语义-ui组件设置宽度和高度输入
提问于 2015-04-20 23:04:50
你好，我是语义世界中的新手，我想定制默认的输入高度和宽度，我知道我们在语义上有预定义的类，比如小、大、小，但是我需要有自定义的高度和宽度。
在输入部分的语义文档(http://semantic-ui.com/elements/input.html)中，我们得到了以下消息：
“除非手动声明宽度，否则输入将自动调整大小”
我已经将输入中的宽度声明如下：
<input width="10" type="text" value="test" placeholder="empty" readonly>但对我不起作用。请帮帮忙。
回答 4
Stack Overflow用户
回答已采纳
发布于 2015-04-20 23:41:57
注意:宽度属性仅与
<input type="image">一起使用。width.asp
这就是你的代码不能工作的原因。要使它发挥作用，您可以这样做：
<input style="width:100px; height: 100px;" type="text" value="test" placeholder="empty" readonly>或者使用CSS文件：
input[type="text"] {
width: 100px;
height: 100px;
}您可以将100 to更改为所需的宽度和高度。语义UI不会为您设置宽度和高度，这就是为什么人们说手动声明宽度的原因。
Stack Overflow用户
发布于 2018-03-16 23:38:24
我试过了：
style={{minWidth:"10em"}}为
<Form.Field width={3}><Select placeholder='Options' options={options}
style={{minWidth:"10em"}}/></Form.Field>Stack Overflow用户
发布于 2019-08-23 16:04:53
可以使用style属性来设置for Semantic UI组件。
它需要以下语法：
<Input style={{marginRight: spacing 'em'}}在您的示例中，您应该指定：
<Input style={{width: 100, height: 100}}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29759965
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号