Fatal编程技术网
  • html/
  • Html CSS使div从四面八方流线型化

Html CSS使div从四面八方流线型化

html css

Html CSS使div从四面八方流线型化,html,css,Html,Css,我需要像图片上一样进行布局，困难的部分是，在这个大的中心div中，四舍五入的另一个div来自四面八方。砖石插件只能制作角形图章div，但不能居中。那么，我如何实现这一点呢？ 我刚刚为同位素插件编写了一种扩展，可以在随机位置启用戳记。它工作得很好，但两个图章仍然可以重叠（必须解决这个问题；））。查看此小提琴中的代码： 使用方法：为您的项目指定.stamp类，并将位置添加为html5数据元素： <li class="item" data-grid-pos='{"x": 2, "y": 1}'&

我需要像图片上一样进行布局，困难的部分是，在这个大的中心div中，四舍五入的另一个div来自四面八方。砖石插件只能制作角形图章div，但不能居中。那么，我如何实现这一点呢？

我刚刚为同位素插件编写了一种扩展，可以在随机位置启用戳记。它工作得很好，但两个图章仍然可以重叠（必须解决这个问题；））。查看此小提琴中的代码：

使用方法：为您的项目指定
.stamp
类，并将位置添加为html5数据元素：

<li class="item" data-grid-pos='{"x": 2, "y": 1}'>
    My stamped item
</li>

  • 
我的邮票

    •
    请不要因为“Mikko Tikkanen，Zonear Ltd.”的功劳太多，因为这是他的PerfectMassing插件的一种延伸

    玩得开心

    位置：绝对位置是这里唯一可以使用的东西，但是如果我将中心div的位置设置为绝对值，那么其他div将不会浮动它。@Nikita您可以使用
    位置：绝对值保留所有div并且需要为每一个设置顶部、左侧、右侧和底部，这将是一个乏味的过程，也是一种简陋的方式……”外星人先生，但那个divs并没有预先定义的高度。我不明白为什么人们会对这个问题投反对票，我认为这很有趣。是的，这是一个编码的问题。稍后我会尝试一些东西。+1感谢您的努力。。非常酷，谢谢。另一个解决方案是将固定位置设置为砖石印章元素，请查看：
    http://cdpn.io/xBcGw