我想使用弹性框垂直对齐一些内容,<li>但没有取得很大的成功.
我已经在网上查了一下,很多教程实际上都使用了一个包装div来获取align-items:center父对象的flex设置,但是我想知道是否可以删除这个额外的元素?
我选择在此实例中使用弹性框,因为列表项高度将是动态%.
* {
padding: 0;
margin: 0;
}
html,
body {
height: 100%;
}
ul {
height: 100%;
}
li {
display: flex;
justify-content: center;
align-self: center;
background: silver;
width: 100%;
height: 20%;
}Run Code Online (Sandbox Code Playgroud)
<ul>
<li>This is the text</li>
</ul>Run Code Online (Sandbox Code Playgroud)
可能重复:
没有分隔符的数组join()方法
我正在使用.join()将我的数组转换为字符串,以便我可以在文本框中输出它,因为用户在计算器中选择数字,我不完全确定如何删除也在列表中输出的逗号但是.有人可以建议如何实现这一目标,或者我应该采用不同的方法吗?
JS
$(document).ready(function() {
var total = 0;
var arr = [];
//Testing
$('#calculator').children('.num').on('click', function(e) {
var clickedNumber = $(this).data('id');
arr.push(clickedNumber);
console.log(arr.join());
e.preventDefault();
});
});?
Run Code Online (Sandbox Code Playgroud)
我正在使用youtube iframe api并获得以下控制台错误,该错误与阻止来自http://www.youtube.com的框架有关.想知道是否有人能解释为什么这个错误只出现在chrome控制台中,是否有任何方法可以防止这种情况发生?
错误:
阻止具有原点" http://www.youtube.com "的框架访问具有原点" http://youtubetest.appspot.com " 的框架.协议,域和端口必须匹配.
新的React并试图循环Object属性但React抱怨对象无效React儿童,有人可以给我一些关于如何解决这个问题的建议吗?我添加了createFragment,但不完全确定这需要去哪里或我应采取什么方法?
JS
var tifs = {1: 'Joe', 2: 'Jane'};
var tifOptions = Object.keys(tifs).forEach(function(key) {
return <option value={key}>{tifs[key]}</option>
});
Run Code Online (Sandbox Code Playgroud)
渲染功能
render() {
const model = this.props.model;
let tifOptions = {};
if(model.get('tifs')) {
tifOptions = Object.keys(this.props.model.get('tifs')).forEach(function(key) {
return <option value={key}>{this.props.model.get('tifs')[key]}</option>
});
}
return (
<div class={cellClasses}>
<div class="grid__col-5 text--center grid__col--bleed">
<h5 class="flush text--uppercase">TIF</h5>
<select id="tif" name="tif" onChange={this.handleChange}>
{tifOptions}
</select>
</div>
</div>
);
}
Run Code Online (Sandbox Code Playgroud)
控制台出错
If you meant to render a collection of children, use an array instead or wrap the object using …Run Code Online (Sandbox Code Playgroud) 我想更新我当前的SB2主题Sunburst,以便当前的行突出显示有点亮,但我不知道如何做到这一点.我知道必须添加以下代码,但我不知道如何访问主题文件:
<key>lineHighlight</key>
<string>#hexcolor</string>
Run Code Online (Sandbox Code Playgroud)
任何人都可以建议如何实现这一目标?
这是使用<section>标签的正确方法吗?
<section id="container">
<section id="outer">
<section id="inner">
</section>
</section>
</section>
Run Code Online (Sandbox Code Playgroud)
我想弄清楚我是否应该只使用一个节ID,并将其他两节保留为div?
我是第一次做git pull并且在git中提示无法建立主机的真实性,与我生成的私钥相比,RSA密钥指纹不正确.我只是想知道如何更新它,以便它读取正确的文件,为什么它首先读取错误的指纹?
学习ES6并直接遇到以下错误Super expression must either be null or a function, not undefined.真的不确定我的问题在哪里,如果有人能提供帮助那就太棒了.
main.js
'use strict'
import Backbone from 'exoskeleton';
import App from './views/App';
var onDOMReady = () => {
console.log('inside dom ready');
window.app = new App();
}
if(document.readyState === 'complete' || document.readyState === 'interactive' || document.readyState === 'loaded' ) {
onDOMReady();
} else {
document.addEventListener('DOMContentLoaded', onDOMReady);
}
Run Code Online (Sandbox Code Playgroud)
App.js
'use strict'
import Backbone from 'exoskeleton';
class App extends Backbone.View {
initialize () {
console.log('App: Init');
}
render () {
console.log('App: …Run Code Online (Sandbox Code Playgroud) 如果我有一个带有以下设置的photoshop投影
混合模式 - rgb(0,0,0)/不透明度 - 25%/角度 - 135度/距离4px/Spread - 0%/尺寸 - 4px
如何设置我的CSS3盒子阴影,以便它代表我的photoshop设计?
我一直在查看有关如何使用非RESTful服务器保存Backbone集合的多篇帖子,我仍然有点困惑.我创建了一个集合,我已经覆盖了toJSON方法来自定义我的数据以发布到我的API("/api/entity/735/request/personDelete"目前换成了jsfiddles/echo/json).所以我创建了一个save使用的方法Backbone.sync,在success我注销任何类型的响应时,对象是空的,不确定丢失的地方或我做错了什么; 谁能给我一些指导?只是想让这个例子工作,所以我可以使用这样的东西.
JS
var PersonCollection = Backbone.Collection.extend({
model: PersonModel,
url: function() {
// Dummy JSFiddle endpoint
// Example non-RESTful url "/api/entity/735/request/personDelete"
return '/echo/json/';
},
/**
* Override toJSON to loop through collection models making
* custom objects containing specific attributes to be posted.
*/
toJSON: function() {
console.log(this.models);
var plucked = this.models.map(function(model) {
return _.pick( model.toJSON(), ["id","name", "teams"] )
});
console.log(plucked);
return plucked;
},
save: function(options) {
Backbone.sync('create', this, { …Run Code Online (Sandbox Code Playgroud) javascript ×5
jquery ×2
backbone.js ×1
css ×1
css3 ×1
ecmascript-6 ×1
flexbox ×1
git ×1
html ×1
html5 ×1
json ×1
photoshop ×1
reactjs ×1
rest ×1
ssh ×1
sublimetext ×1
youtube ×1
youtube-api ×1