Question

关于html中让文本框里面的文字居左上角的问题

如图，我用的是Hbulider这款软件做的，想做出的效果是图2，现在自己弄出来的效果是图1，那个字隐藏进去了，显示不完全，我试过了用了几种方法好像都没有效果，我的代码是这样的，我改了一下那个padding，改成10就可以显示完整的文字，不过那个框就变得特别小了，也没有显示居左端，各路大神懂的说说，谢谢。
<span style="float: left;">
工作简述
</span>
<span >
<input style="border:1px solid #999;padding:40px;" type="text" disabled="disabled" value="积极的心态来对待客户"/>
</span>





Answer 1

如果要想使文字居左，就需要让对象左浮动，再使用margin使它到左面的顶部。

步骤如下：

<div style="float:left;margin-top:px;></div>

注意不要把值给得太大，以免使布局混乱。

Answer 2

其实根据我个人的工作经验，一般都不是直接写文本框的，都是用其他标签模拟的。主要是为了方便修改样式！我也推荐你这么做。因为文本框自带的属性太多，浏览器兼容性也不好~~

追问

那我这种情况的话要怎么改好才能到我要的那个效果

追答

你试试 text-align:center; 让行高等于高度 试试~~看能居中么~~

Answer 3

简单的被这个软件弄复杂了：）
<div style="padding:.5em">
<div>
工作简述
</div>
<div>
<input style="border:1px solid #999;padding:5px;min-height:40px;background:#fff" type="text" disabled="disabled" value="积极的心态来对待客户"/>
</div>
</div>
还是改一下吧，没有靠顶。
<div style="padding:.5em">
<div style="font-size:14px;font-weight:700">工作简述</div>
<div style="border:1px solid #999;padding:5px;min-height:40px;width:150px">
积极的心态来对待客户
</div>
</div>