如何在Twitter Bootstrap 3中将容器中的一个列大小的div(12列)居中.
请看起初小提琴.
.centered {
background-color: red;
}Run Code Online (Sandbox Code Playgroud)
所以,我想要一个div类.centered,在容器中居中.如果有多个div,我可以使用一行,但是现在我只想要一个在容器中居中的一列大小的div(12列).
我也不确定上述方法是否足够好,因为意图不是要抵消div一半.我不需要外面的自由空间div和div收缩比例的内容.我想将div外部空间均匀分布(缩小到容器宽度==一列).
如何使用flexbox在容器中水平和垂直居中div.在下面的例子中,我希望每个数字彼此相同(在行中),它们是水平居中的.
.flex-container {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
}
row {
width: 100%;
}
.flex-item {
background: tomato;
padding: 5px;
width: 200px;
height: 150px;
margin: 10px;
line-height: 150px;
color: white;
font-weight: bold;
font-size: 3em;
text-align: center;
}Run Code Online (Sandbox Code Playgroud)
<div class="flex-container">
<div class="row">
<span class="flex-item">1</span>
</div>
<div class="row">
<span class="flex-item">2</span>
</div>
<div class="row">
<span class="flex-item">3</span>
</div>
<div class="row">
<span class="flex-item">4</span>
</div>
</div>Run Code Online (Sandbox Code Playgroud)
是否可以使用css3为svg元素设置投影,例如
box-shadow: -5px -5px 5px #888;
-webkit-box-shadow: -5px -5px 5px #888;
Run Code Online (Sandbox Code Playgroud)
我看到了一些关于使用滤镜效果创建阴影的评论.有一个单独使用css的例子.下面是一个工作代码,其中正确应用了cusor样式,但没有阴影效果.请帮我用最少的代码获得阴影效果.
svg .shadow {
cursor:crosshair;
-moz-box-shadow: -5px -5px 5px #888;
-webkit-box-shadow: -5px -5px 5px #888;
box-shadow: -5px -5px 5px #888;
} Run Code Online (Sandbox Code Playgroud) XMLHttpRequest cannot load http://localhost:8080/api/test. Origin http://localhost:3000 is not allowed by Access-Control-Allow-Origin.
Run Code Online (Sandbox Code Playgroud)
我阅读了有关跨域ajax请求的信息,并了解了基础安全问题.就我而言,2台服务器在本地运行,并且喜欢在测试期间启用跨域请求.
localhost:8080 - Google Appengine dev server
localhost:3000 - Node.js server
Run Code Online (Sandbox Code Playgroud)
我正在localhost:8080 - GAE server从节点服务器加载我的页面时发出一个ajax请求.什么是最简单,最安全的(不想用disable-web-security选项启动chrome ).如果我必须改变'Content-Type',我应该在节点服务器上做吗?怎么样?
我有问题使这个plunkr(select2 + angulat-ui)工作.
http://plnkr.co/edit/NkdWUO?p=preview
在本地设置中,我得到了select2工作,但是我无法按照文档中的描述设置宽度.它太窄而无法使用.

谢谢.
编辑:没关系plnkr,我在这里发现了一个工作小提琴 http://jsfiddle.net/pEFy6/
看起来这是select2的行为折叠到第一个元素的宽度.我可以通过bootstrap设置宽度.class="input-medium"但是不确定为什么angular-ui不接受配置参数.
如何在AngularJS中正确显示日期和时间?
下面的输出显示输入和输出,有和没有AngularJS日期过滤器:
In: {{v.Dt}}
AngularJS: {{v.Dt | date:'yyyy-MM-dd HH:mm:ss Z'}}
Run Code Online (Sandbox Code Playgroud)
这打印:
In: 2012-10-16T17:57:28.556094Z
AngularJS: 2012-10-16T17:57:28.556094Z
Run Code Online (Sandbox Code Playgroud)
所需的显示格式是
2010-10-28 23:40:23 0400或2010-10-28 23:40:23 EST
以更多功能方式执行以下操作的最佳方法是什么(使用ES6/ES7)
let cols = [];
for (let i =0; i <= 7; i++) {
cols.push(i * i);
}
return cols;
Run Code Online (Sandbox Code Playgroud)
我试过,
return [ ...7 ].map(i => {
return i * i;
});
Run Code Online (Sandbox Code Playgroud)
但那转化为
[].concat(7).map(function (n) {
return n * n;
});
Run Code Online (Sandbox Code Playgroud)
这不是我的预期.
@pavlo.的确,这是一个错误.我正在使用JSX,例如,我想要7个div,(未经测试)
let cols = [];
for (let i =0; i <= 7; i++) {
cols.push(<div id={i}> ... </div>)
}
return cols;
Run Code Online (Sandbox Code Playgroud)
所以这个想法确实是为了减少临时变量和程序感觉的数量.
javascript functional-programming ecmascript-harmony ecmascript-6
学习python,并有一些基本的疑虑.
我看过变量声明(路径在这里)
class writer:
path = ""
Run Code Online (Sandbox Code Playgroud)
有时,没有明确的声明,但初始化__init__.
def __init__(self, name):
self.name = name
Run Code Online (Sandbox Code Playgroud)
我理解的目的__init__,但是建议在任何其他函数中声明变量.
2.如何创建变量来保存自定义类型?
class writer:
path = "" # string value
customObj = ??
Run Code Online (Sandbox Code Playgroud) 如何在Angularjs中使用查询参数构建URL.
我看到API $ location.search()
问题是$ location(url)是重定向到url.在我的例子中,我想为查询参数传递url和key:value对并构建url.就像是
url:/a/b/c
params:{field1: value1, field2: value2}
结果: /a/b/c?field1=value1&field2=value2
我喜欢用这个网址链接.我也见过角度编码?,&字符.我可以避免这个吗?
我的目的是使用url作为锚元素的href.我确实使用$ http来发送请求,但有时我需要提供一个链接,带有查询参数(基于当前对象)
谢谢
javascript ×5
angularjs ×4
css ×4
css3 ×2
html5 ×2
ajax ×1
angular-http ×1
centering ×1
cors ×1
date ×1
datefilter ×1
ecmascript-6 ×1
flexbox ×1
html ×1
node.js ×1
python ×1
python-2.7 ×1
python-3.x ×1
svg ×1
svg-filters ×1