小编Nit*_*sht的帖子

如何查看vscode并排文件上的git diff？

大家好，我的问题是关于git diff，我想知道如何git diff master origin/master在VSCODE终端上的命令中以文件形式查看，我git fetch从远程存储库中执行了一个操作，现在我想查看差异，但命令仅显示我在航站楼。我正在努力得到这样的东西...

我想要的例子：

git git-diff git-fetch git-difftool visual-studio-code

Ric*_*rez

2018 07-13

13
推荐指数

10
解决办法

1万
查看次数

如何在Visual Studio Code(VSC)中打开多个文件？

如何在Visual Studio Code(VSC)中打开多个文件？出于某种原因,我的VS代码副本一次只能打开一个文件.例如,如果工作区文件夹中有两个文件,可以说是HTML和CSS文件,则无法同时打开这两个文件.如果一个文件已打开,则单击VSC文件资源管理器中的任何其他项将替换当前文件.VSC不会在新的编辑选项卡中打开其他文件.不关心运行VSC的多个实例,工作区或文件夹.我只想在同一个文件夹中打开2个文件.是否有配置设置来控制它？或者这是升级到最新版VSC的结果？只是VSC的"新功能"？这看起来很荒谬,但我需要帮助.为Win10x64运行VSC v.1.24.0.任何线索都表示赞赏.谢谢.

Visusal Studio代码截图:

windows html5 css3 visual-studio-code

Nat*_*ker

2018 06-13

8
推荐指数

5
解决办法

4604
查看次数

试图将我的UL的一部分移到左边

我正在使用一个简单的UL作为我的navbar,我试图将其中的1项分开UL并将其放在页面的左侧,并将其他3项保持居中,但是我似乎无法使其正常工作.我已经尝试将它包裹在一个跨度中并浮动它,我已经尝试制作一个新的UL,但这只会导致它们在不同的行上.

我只想让主页按钮与左边对齐,其余按钮要居中.也许我错过了一些明显的东西.

ul {
    list-style-type: none;
    margin: 10px 0 0 0 ;
    padding: 0;
    text-align: center;
}

li {
    display: inline;
    padding: 0 15px;
}

a {
    color: black;
    text-decoration: none;
    font-size: 30px;
}

Run Code Online (Sandbox Code Playgroud)

<div class="navbar">
<nav>
    <div>
        <ul>
            <li id="homepage"><a href="#">AG Designs</a></li>
            <li id="aboutmebutton"><a href="#">About Me</a></li>
            <li id="portfoliobutton"><a href="#">Portfolio</a></li>
            <li id="contactbutton"><a href="#">Contact</a></li>
        </ul>
    </div>
</nav>

Run Code Online (Sandbox Code Playgroud)

html css jquery html5 css3

Ada*_*ble

2018 05-24

7
推荐指数

1
解决办法

78
查看次数

网格视图（相同宽度/不同高度）- 3 列 | CSS

我正在尝试使用 css 制作一个包含 3 列的网格视图。我有 2 列系统使用以下代码，但我似乎无法正确处理 3 列：

#container{background-color:#aaa;margin: 0 auto;height:500px; width: 200px;}
.box{background-color:white;
  border:1px solid black;
  margin: 2%;
  width:45%;
  display:block;
  float:left;
  box-sizing: border-box;
}
.box:nth-child(2n + 0) { float: right; }

Run Code Online (Sandbox Code Playgroud)

<div id='container'>
  <div class='box' style="height:70px; background-color: red;">1</div>
  <div class='box' style="height:130px; background-color: grey;">2</div>
  <div class='box' style="height:90px;">3</div>
  <div class='box' style="height:86px; background-color: orange;">4</div>
  <div class='box' style="height:110px; background-color: green;">5</div>
  <div class='box' style="height:40px;">6</div>
</div>

Run Code Online (Sandbox Code Playgroud)

这是 jsfiddle：https ://jsfiddle.net/jfnvt9o3/

有没有办法只用 css 来实现以下目标，如果是这样，如何实现？

html css

Bor*_*rni

2018 06-08

5
推荐指数

2
解决办法

6131
查看次数

如何在reactjs中渲染JSON数据？

这是我的 people.js 文件。它包含两个人的数据。

var Data = [
        {
            "gender": "male",
            "name": {
              "title": "mr",
              "first": "ruben",
              "last": "dean"
            },
            "location": {
              "street": "3070 york road",
              "postcode": "LP0 5PG"
            },
            "email": "ruben.dean@example.com",
            "login": {
              "username": "crazydog764",
              "password": "kane",
              "sha256": "58841f853bffca51507549428aee2a6c14863c8219e5a4b563d58a5b97564c92"
            },
            "picture": {
              "large": "https://randomuser.me/api/portraits/men/96.jpg",
              "thumbnail": "https://randomuser.me/api/portraits/thumb/men/96.jpg"
            },
            "nat": "GB"
        },
        {
            "gender": "male",
            "name": {
              "title": "mr",
              "first": "daniel",
              "last": "king"
            },
            "location": {
              "street": "7618 taylor st",
              "postcode": 35059
            },
            "email": "daniel.king@example.com",
            "login": {
              "username": "silvergorilla983",
              "password": "1a2b3c4d",
              "sha256": …

Run Code Online (Sandbox Code Playgroud)

render reactjs react-dom

Nit*_*sht

lucky-day

5
推荐指数

1
解决办法

9999
查看次数

HTML和CSS - 布局问题(使用grid&flexbox)

Codepen:https://codepen.io/pprunesquallor/pen/qKxvrX

我是初学者,玩网格和flexbox.

我想文章元素(黄色)的高度只有就像只要文本需要(所以在这种情况下,CCA一半长),因此aside元素(灰色)应根据相同的高度文章的高度,可滚动.

先感谢您!!

html, body {
    height: 100%;
}

body {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 
    "header"
    "main"
    "footer";
  align-items: stretch;
}

header {
  grid-area: header;
  display: flex;
  flex-direction: column;
  background-color: lime;
}

header > h1 {
  margin: 0;
  background-color: brown;
}

nav {
    display: flex;
    flex-direction: row;
    background-color: orange;
}

main {
  grid-area: main;
  display: flex;
  flex-direction: row;
  background-color: red;
}

article {
  background-color: yellow;
}

aside {
  width: 50%;
  overflow: auto;
  overflow-y: scroll;
  background-color: grey; …

Run Code Online (Sandbox Code Playgroud)

html css css3 flexbox css-grid

P. *_*lor

2018 06-24

5
推荐指数

1
解决办法

150
查看次数

Bootstrap navbar汉堡包图标不垂直对齐

我使用带有bootstrap 4.1.2的流畅套件.

从导航栏文档(我想要这个,因为切换器在打开/关闭时更改其图标)我确实从#position部分获取了第二个示例.但是,汉堡包不是垂直居中的.我该如何解决？

导航栏错误的汉堡包:

我尝试删除,padding但它没有帮助,我被卡住了.

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/nespero/fluent-kit@1.3.0/js/fluent-kit.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdn.jsdelivr.net/gh/nespero/fluent-kit@1.2.0/css/fluent-kit.min.css" rel="stylesheet"/>

<nav class="navbar navbar-dark bg-dark py-2">
  <strong class="navbar-text">
    Navbar position example
  </strong>
  <button class="btn mi navbar-toggler  shadow-none mt-0" type="button" data-toggle="collapse" data-target="#navbar-position" aria-controls="navbar-position" aria-expanded="false" aria-label="Toggle navigation">
    <span class="sr-only">Toggle navbar submenu</span>
  </button>
  <div class="collapse navbar-collapse" id="navbar-position">
    <ul class="navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Features</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Pricing</a>
      </li>
      <li …

Run Code Online (Sandbox Code Playgroud)

html css css3 bootstrap-4 fluent-kit

作者

2018 07-16

5
推荐指数

1
解决办法

840
查看次数

CSS清除:在尝试将元素拆分为2组时,左侧突破新行

JSFiddle链接:这里

div{
  width:50px;
  height:20px;
  
}
#container{
  border:5px solid black;
  width:400px;
  height:200px;  
}

#a{
  background-color:red;
  float: left;  
}
#b{
  background-color:blue;
  float: left;
  clear: left;
}
#c{
  background-color:green;
  float: right;
}
#d{
  background-color:orange;
  float: right;
  clear: right;
}
#e{
  background-color:black;
  float: right;
  clear: right;
}

Run Code Online (Sandbox Code Playgroud)

<div id="container">

<div id="a">
</div>
<div id="b">
</div >
<div id="c">
</div>
<div id="d">
</div>
<div id="e">
</div>

</div>

Run Code Online (Sandbox Code Playgroud)

下面的图像是最终结果,你可以看到,右边的元素不是从顶部位置开始.顶部有一个砖块空间.这是为什么？逻辑是什么？

css css-position clear css3 css-float

HOY*_*HOY

2018 07-25

5
推荐指数

1
解决办法

75
查看次数

删除Bootstrap 4中的border-radius 列表组项

我是bootstrap的新手,并且已经在我的自定义CSS类中使用bootstrap border-radius属性.

.border-radius-none{
    border-radius: 0;
}

Run Code Online (Sandbox Code Playgroud)

图片:

这适用于所有情况,但在骑行时list-group-item,第一个和最后一个元素不会被过度使用.

我的主要css链接在bootstrap css下面.(如下面的代码片段所示)
阅读关于CSS特异性的文章,这对我没有帮助.

我试过的事情

添加!important到我的CSS.

有没有其他方法可以删除bootstrap border-radius默认值,而不使用重要的？

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB"
    crossorigin="anonymous">
<link href="./Main.css" rel="stylesheet">


<li class="list-group-item bg-black white-text border-none">
    <div class="row">
        <div class="col-9"> Latest Jobs </div>
        <div class="col-3">
            <a href="#" class="mr-auto">View all</a>
        </div>


    </div>
</li>

Run Code Online (Sandbox Code Playgroud)

html css html5 css3 twitter-bootstrap

Aks*_*y L

2018 06-05

4
推荐指数

1
解决办法

3851
查看次数