css 获取某个标签的宽度设置给另一个

可以使用JavaScript来获取元素宽度并设置给另一个元素，具体代码如下：

<!-- HTML代码 -->
<div id="box1">这是一个盒子</div>
<div id="box2">这是另一个盒子</div>

/* CSS代码 */
#box1 {
  width: 200px;
}

// JavaScript代码
var box1 = document.getElementById("box1");
var box2 = document.getElementById("box2");
var width = box1.offsetWidth;
box2.style.width = width + "px";

上述代码中，首先使用`document.getElementById`获取到`box1`和`box2`两个元素，然后使用`offsetWidth`获取`box1`的宽度，最后将宽度值设置给`box2`的`style.width`属性即可。

相关问题

css获取当前标签的中心点坐标

CSS本身并不提供获取元素中心点坐标的功能，但可以通过JavaScript来计算元素中心点的坐标。

可以使用`getBoundingClientRect()`方法来获取元素的位置和大小信息，然后通过计算得出元素中心点的坐标。具体步骤如下：

1. 获取元素的位置和大小信息：

const element = document.querySelector('your-selector');
const rect = element.getBoundingClientRect();

2. 计算元素中心点的横坐标和纵坐标：

const center = {
  x: rect.left + rect.width / 2,
  y: rect.top + rect.height / 2
};

这里使用了`rect.left`和`rect.top`表示元素左上角的坐标，再加上`rect.width`和`rect.height`表示元素的宽度和高度，最终计算得出元素中心点的坐标。

注意，这里的坐标是相对于整个文档的，如果需要相对于某个父级元素或视口来计算中心点的坐标，需要对计算公式进行相应的修改。

calc动态获取某个标签的宽高

在使用calc函数动态获取某个标签的宽高时，需要使用CSS和JavaScript两种语言结合进行操作。

首先，在CSS中给该标签指定一个固定的宽度和高度，例如：

#myElement {
  width: 200px;
  height: 150px;
}

然后，在JavaScript代码中通过获取该标签的样式属性来计算新的宽度和高度。首先，获取该元素的引用：

const myElement = document.getElementById('myElement');

接下来，使用`window.getComputedStyle()`方法获取该元素的样式属性值：

const styles = window.getComputedStyle(myElement);

通过`styles`对象可以访问到该元素的所有样式属性，如`styles.width`和`styles.height`。但是这两个属性返回的是字符串类型，需要进行解析和计算。

使用`parseInt()`函数解析字符串并提取其中的数值部分：

const width = parseInt(styles.width);
const height = parseInt(styles.height);

最后，通过使用calc函数进行计算并设置该标签的新宽度和高度：

myElement.style.width = `calc(${width} + 100px)`;
myElement.style.height = `calc(${height} + 50px)`;

上述代码将通过calc函数在原有宽度上再增加100px，以及在原有高度上再增加50px。

综上所述，我们通过CSS和JavaScript的结合来实现calc动态获取某个标签的宽高。