可以用宽为em（em为宽度单位，默认1em=1个文字的宽）规定宽为em，text-overflow:ellipsis（文字溢出后用…代替）。就可以了
css没法控制里面输入的字数的，只能控制文本框的宽度，高度之类的，即外观。可以用 input 里面自带的属性 maxlength="10" 来控制其输入最多数，或者其他函数来限制。。。
一般css两种写法.class{样式1:样式1样式2:样式2样式3:样式3样式4:样式4}
.class{样式1:样式1样式2:样式2样式3:样式3样式4:样式4}
另一种是
.class{样式1:样式1
样式2:样式2
样式3:样式3
样式4:样式4}
border、margin、padding这些可以缩写的标签尽量缩写。
第一种样式写出来样式表会比较小，基本没有多余代码，但是对于修改会比较麻烦一点，第二种方式有比较多的代码(回车和空格会影响文件大小，但是影响不大)，但是修改起来比较方便，然而这样竖着写有时样式太多还是容易混乱。现在还没个标准，怎么写顺手就怎么写，简洁主要在布局和使用的样式减少，而不在写法，可以多定义些共用的样式，class="样式1 样式2"可以同时使用多个样式，这样可以节省css代码，而且更清晰
