如何在 javascript 中创建一个像小部件一样破折号的对象

【问题标题】：How to create a dashing like widget object in javascript如何在 javascript 中创建一个像小部件一样破折号的对象
【发布时间】：2014-12-12 22:49:58
【问题描述】：

我正在尝试创建一个小部件/平铺对象以显示在我的页面上。基本上它是一个带有背景颜色的矩形框，我想在其中显示一些文本。

具体来说，我想创建类似于 dashing (dashing.io) 中的小部件。

我对 JS/HTML 有点陌生。

【问题讨论】：

【解决方案1】：

HTML：

<div class=widget>
<h2>Some text</h2>
</div>

CSS：您可以更改值

.widget {
width: 100px;
height: 100px;
background-color: red;
}
h2 {
 margin: auto;
}

【讨论】：