文本区域'；CSS中的s行和cols属性_Css_Styling

文本区域'；CSS中的s行和cols属性

css

文本区域'；CSS中的s行和cols属性,css,styling,Css,Styling,我想通过CSS设置textarea的行和cols属性在CSS中如何执行此操作？width和height在执行CSS路线时使用 <!DOCTYPE html> <html> <head> <title>Setting Width and Height on Textareas</title> <style> .comments { width: 300px; h

我想通过CSS设置

textarea

的

行

和

cols

属性

在CSS中如何执行此操作？

width

和

height

在执行CSS路线时使用

<!DOCTYPE html>
<html>
    <head>
        <title>Setting Width and Height on Textareas</title>
        <style>
            .comments { width: 300px; height: 75px }
        </style>
    </head>
    <body>
        <textarea class="comments"></textarea>
    </body>
</html>


设置文本区域的宽度和高度
.注释{宽度：300px；高度：75px}

据我所知，你不能

此外，这不是CSS的用途。CSS用于样式设置，HTML用于标记。

我认为您不能。我总是随高度和宽度而定

textarea{
width:400px;
height:100px;
}

使用CSS方式的好处在于，您可以完全设置样式。现在，您可以添加以下内容：

textarea{
width:400px;
height:100px;
border:1px solid #000000;
background-color:#CCCCCC;
}

其中1em相当于当前字体大小，因此使文本区域宽50个字符。

我只是想发布一个用于设置行数/高度的演示，因为没有人这样做

正文{
/*页面默认值*/
字体大小：15px；
线高：1.5；
}
文本区{
/*演示相关*/
宽度：300px；
边缘底部：1米；
显示：块；
/*行相关*/
字体大小：继承；
行高：继承；
填充：3倍；
}
textarea.border-box{
框大小：边框框；
}
textarea.rows-5{
/*高度：计算（字体大小*行高*行）*/
高度：计算（1米*1.5*5）；
}
textarea.border-box.rows-5{
/*高度：计算（字体大小*行高*行数+填充顶+填充底+边框顶宽+边框底宽）*/
高度：计算（1em*1.5*5+3px+3px+1px+1px）；
}

高度默认为2行
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。
身高现在是5
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。
边框框高度现在为5
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了圣奥卡塔·丘比特（sint occaat Cupidat）的非傲慢行为外，还必须为莫利特·阿尼姆（mollit anim id）的行为负责。

CSS用于设计元素的视觉表现样式。这包括文本区域的宽度和高度。它们不相同，浏览器会考虑每行文本的高度，包括容器上的

行高

，

填充

（不根据

框大小计算高度

），即使考虑到字体的不同纵横比，也可以确保文本框显示设置的文本行数，而这是使用css高度无法实现的。根据用户2928048下面的回答，如果使用“em”而不是“px”，则可以像使用“rows”和“cols”属性一样指定字符的宽度和高度。我相信甚至可以与IE6一起使用。虽然我同意使用

em

来指定高度，但我怀疑它是否可以用于指定宽度。它可能适用于单空格字体（在计算出字符的宽高比并相应修改宽度值后），仅此而已。除了单空格，字符宽度不是固定的，所以我认为

em

或

cols

属性在指定宽度时没有帮助。我可能错了，但px对我不起作用；em做到了。更确切地说，您需要考虑

填充

和

行高

。假设顶部和底部的填充为半em，线条高度为1.2em，则4行的高度为1+4*1.2=5.8em。@请验证您的解决方案是否正确。问题是4em=4 x字体大小，这既不考虑填充，也不考虑行高，如果您有属性框大小：内容框；你不必担心填充，所以你只需要保持线条高度。很好@nalply，谢谢你的方法。在您的答案中添加一点，calc（）CSS3函数可以简化宽度/高度计算：假设我有一个顶部填充和底部填充为4px的文本区域，我希望它有3行高，高度将是

height:calc（3em+8px）

。虽然

行

属性（在某种程度上）可靠，但我不会依赖

cols

属性，除非我在文本区域使用单空格字体。参见@AlexanderScholz's.A何时使用哪个问题：

<textarea rows="4" cols="50"></textarea>

textarea {
    height: 4em;
    width: 50em;
}