Angular:制作五列的最佳方法是什么?

时间:2016-10-29 03:22:13

标签: javascript html css

在Angular中将页面拆分为五列的最佳方法是什么?

谢谢你,一定会接受答案

2 个答案:

答案 0 :(得分:2)

你使用React的事实并不重要,这是一个CSS问题。可能有几种方法可以解决这个问题,但你可以这样做:

HTML:

.container {
    position: relative;
}

.right {
    width: 185px;
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid red;
}

.left {
    margin-right: 185px;
    border: 1px solid blue;
}

CSS:

animals[ j ] = bufferedReader.readLine();

http://codepen.io/anon/pen/RGzbor

答案 1 :(得分:1)

由于您的问题被标记为,因此最好的方法是使用随时可用的布局组件,例如:  react-bootstrap

    import {Col} from 'react-boostrap';
    //...
    render() { 
      // ....
      <div className="raw" > 
         <Col md={6} mdPull={6} > 

         </Col>
         <Col md={6} mdPush={6} />

         </Col>
     </div>
    //
    }

REF