小编Har*_*ary的帖子

表格边框上的圆形,其中有文字

我在创建自定义表的 html css 中遇到了很大的挑战在此处输入图片说明

我不知道在这种情况下创建我想在边界的垂直线上创建圆形我创建这个表。但这些是非常不同的:-D

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
    
}
.container {
  width: 100px;
  height: 1px;
  background-color: black;
  position: relative;
}
.circle {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background-color: white;
  border: solid 1px black;
  border-radius: 50%;
  position: absolute;
  top: -6px;
  left: calc(50% - 5px);
}
Run Code Online (Sandbox Code Playgroud)
<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Eve</td>
    <td>
      <div class="container">
        <div class="circle">test</div>
      </div>
    </td> 
    <td>94</td>
  </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

html css

7
推荐指数
1
解决办法
205
查看次数

'bash'不被识别为内部或外部命令

我在安装react-flux-starter-kit-windows时出错。我在使用以下命令时已经安装了最新的node.js和npm:npm install -g react-flux-starter-kit它给了我以下错误

react-flux-starter-kit@1.1.4 postinstall C:\Users\Hardik\AppData\Roaming\npm\node_modules\react-flux-starter-kit
bash setup.sh
'bash' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! Windows_NT 10.0.14393
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Users\Hardik\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js" "install" "-g" "react-flux-starter-kit"
npm ERR! node v6.9.5
npm ERR! npm v4.2.0
npm ERR! code ELIFECYCLE
npm ERR! errno 1

npm ERR! react-flux-starter-kit@1.1.4 postinstall: bash setup.sh
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the react-flux-starter-kit@1.1.4 postinstall script 'bash setup.sh'.
npm ERR! Make sure …
Run Code Online (Sandbox Code Playgroud)

bash node.js npm reactjs

3
推荐指数
1
解决办法
2万
查看次数

标签 统计

bash ×1

css ×1

html ×1

node.js ×1

npm ×1

reactjs ×1