css - 多于四个 Angular 的 div

标签 css html

是否可以制作具有例如五个或六个 Angular 的 div?

我需要它来在 map 上制作可点击区域。如果有另一种方法可以实现这一点,我会很高兴。

最佳答案

不,你不能。 A block in HTML is rectangular .

即使您使用(昂贵的)css based tricks 改变它的外观, 可点击区域将保持矩形。

但是对于可点击区域有几种解决方案:

  • 使用 javascript 从点击时的事件坐标进行简单计算
  • image-map format

如果您想在没有图像映射的情况下使用 javascript 执行此操作,您可能会对 ready algorithms to decide if a point is inside a polygon 感兴趣.

关于css - 多于四个 Angular 的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12322508/

相关文章:

html - Bootstrap 轮播的分辨率和宽高比图像大小

html - 使用 Bootstrap 时如何将图像设置为容器的背景

php - 在 woocommerce 旁边添加图标添加到购物车按钮

javascript - 可以在 iPhone 中向下拖动页面 - Framework7 Cordova

javascript - 如何同步具有不同样式溢出的div的两个滚动条

javascript - javascript/html/css 填充输入时如何更改焦点颜色

html - 如何使用 CSS 在屏幕上集中 float (例如水平或垂直)

javascript - 简单的 javascript getProperty 函数无法访问 CSS 样式,即使它应该可以?

CSS:如何相对于具有背景大小的图像定位元素:封面?

javascript - jump-player-tab-container.js :129 Uncaught (in promise) ReferenceError: isActive is not defined(…)render @ jump-player-tab-container. js:129