小编SBe*_*Bel的帖子

这是我的html:

<div id="top">
    <span id="title">Some Title</span>
    <span id="buttons"><button>Bla</button><button>Foo</button></span>
</div>

用什么CSS来居中#title并拥有#buttons右侧？

如果我在1页上有2个表格怎么办:

<form id="form1">
    <input type="text" />
    <input type="text" />
</form>

<form id="form2">
    <input type="text" />
</form>

我想访问第一个的输入元素.我做以下事情:

$(document).ready(function() {
    var bla = $('#form1:input');
    alert(bla.length);
}); 

但它显示0计数.如果有人可以提供建议,我将不胜感激.

谢谢.以下语法对我有用:

$('#form1 :input')

就是说,放置空间.

我开始学习ReactJS,我正在按照入门书中的说明进行操作.我的目录结构如下所示:

app/App.js
node_modules
index.html
package.json
webpack.config.js

我认为问题的罪魁祸首是来自CLI的此错误消息:

ERROR in ./app/App.js
Module build failed: SyntaxError: c:/code/pro-react/my-app/app/App.js: Unexpected token (6:6)
  4 |   render() {
  5 |     return (
> 6 |       <h1>Hello World</h1>
    |       ^
  7 |     );
  8 |   }
  9 | }

内容App.js是:

import React from 'react';

class Hello extends React.Component {
  render() {
    return (
      <h1>Hello World</h1>
    );
  }
}

React.render(<Hello />, document.getElementById('root'));

这是以下内容package.json:

{
  "name": "my-app",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": { …

我在div元素中有一个输入元素:

...
<div id="calculator-container">
    <input type="text" />
</div>
....

在CSS中我将输入宽度设为100%:

#calculator-container {
    border: 1px solid black;
    background-color: lightgrey;
    width: 200px;
    padding: 10px;
}

#calculator-container input {
    width: 100%;
}

我无法弄清楚为什么输入右侧的可用空间少于左侧(请参见下面的屏幕截图).也许有人可以提供建议.谢谢.

指出在jsfiddle它看起来很好,但如果你在本地复制它在IE和Firefox看起来都很糟糕.这里是jsfiddle链接,所以你可以复制代码:jsfiddle只是为了得到代码

我已经提出了一个正确的元素,由于某种原因,它有一个优势.我不知道它来自哪里.

HTML:

<p>...</p>
<p class="foo">...</p>
<p>...</p>
<p>...</p>

CSS:

p.foo { 
  width: 500px;
  float: right;
}

图片:

codepen.io:http://codepen.io/vbelenky/pen/oEmHt

怎么来的:之前在内容为空时没有显示任何内容,即使我设置了高度和宽度,但是当我在内容中输入一些文本时它会显示文本？

CSS:

.a {
    background-color: cyan;
    height: 300px;
    width: 200px;
    margin-left: 50px;
}

.a:before {    
    /* This is the one that I change */
    content: "test";
    margin-left: -10px;
    background-color: red;
    height: 10px;
    width: 10px;
}

HTML:

<div class="a"></div>