时间戳

首页 > 解决方案 > 在 css 中使用 cols 的测量单位

html - 在 css 中使用 cols 的测量单位

问题描述

我有一个<textarea>对象，50 cols width。我想要一个和物体<button>一样宽的东西。<textarea>这可能吗？。如果不是，有多少像素是 1 cols。或者我很困惑，根本cols不阻止 。在这种情况下，对象的默认值是什么？width<textarea>width<textarea>

（我不喜欢使用 javascript 来获取宽度，因为我正在构建一个 chrome 扩展，所以它必须是轻量级的）

先感谢您！

编辑：

如果我必须使用width它，好的。但我想要与现在完全相同的宽度，因为它非常适合。那么如何将列转换为宽度？我使用最新的 CSS 版本（以及最后的 HTML），页面只在 chrome 上运行。

标签： htmlcss

解决方案

要使宽度从一个元素到另一个元素的计算相同，无论填充或边框宽度元素有多么不同，您都可以重置box-sizing：

https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing

CSS 属性设置如何计算元素的box-sizing总宽度和高度。

textarea,
button {
  box-sizing: border-box;/* includes border and padding into size calculation */
  width: 200px;
}
/* demo purpose to show where both textarea/button stand and take width */
div {
  display:table;
  border:solid 1px;
}
<!DOCTYPE html>
<html>

<head>
</head>

<body>
  <div>
    <textarea></textarea><br/>
    <button>Click</button>
  </div>
</body>

</html>

推荐阅读