小编Apo*_*mer的帖子

当我点击链接时,会弹出一个弹出窗口.问题是它没有与屏幕中心对齐.顺便说一句,我的代码也可以帮助网站(和弹出窗口)在移动版本中完美呈现.

HTML代码:

<a href="#" data-reveal-id="exampleModal">POP UP</a>

<div id="exampleModal" class="reveal-modal">
     <h2>POP UP</h2>
     <p>
     <font size="4">window window window.window window window. window.
         </font>
    </p>
    <a class="close-reveal-modal">×</a>
</div>

css代码:

 .reveal-modal     
  {
        background:#e1e1e1; 
        visibility:hidden;
        display:none;
        top:100px; 
        left:50%; 
        width:820px; 
        position:absolute; 
        z-index:41;
        padding:30px; 
        -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
        -moz-box-shadow:0 0 10px rgba(0,0,0,0.4); 
        box-shadow:0 0 10px rgba(0,0,0,0.4)
  }

我尝试了一些正确的:50%,但它没有用.不应该离开工作？

我正在使用 Pandas 并尝试测试一些东西以完全理解某些功能。

在使用以下代码从 csv 加载所有内容后，我正在对我的数据进行分组和聚合：

s = df.groupby(['ID','Site']).agg({'Start Date': 'min', 'End Date': 'max', 'Value': 'sum'})
print(s)

它适用于以下文件：

但它不适用于此文件：

对于第二个文件，我仅获取 56311 ID 的数据。原因是某些列具有空值。但这应该无关紧要。我没有发现任何与此相关的内容。我只找到了如何排除空列。

除了这个问题，在分组之前我应该​​考虑哪些主要事项？是否有可能因为格式（日期或数字）而排除行？

我有一个带有嵌套字段的 JSON：

  [
    {
    "Platform Parent Dato Id": "23768",
    "Platform Dato Id": "24138",
    "Platform Dato Name": "Random Europe",
    "Platform mission Id": "111112",
    "Platform submission Id": "638687",
    "Platform submission Flight Id": "863524",
    "Start Date": "2017-12-01",
    "End Date": "2017-12-02",
    "Platform Compensation": 109.0909,
    "Total Value": 909.0909,
    "Goal": "200000.0000",
    "Value Information": {
      "Platform Compensation": [
        {
          "Platform mission Id": "111112",
          "Platform submission Id": "638687",
          "Platform submission Flight Id": "863524",
          "Value Rate": "14.0000",
          "Value": 109.0909
        }
      ]
    }
  },
  {
    "Platform Parent Dato Id": "23768", …

我在谷歌搜索了一些你必须支付的在线未使用的css删除器.我还在stackoverflow上查看了可能会这样做的程序.我只通过谷歌浏览器找到了一个简单的方法.

1. 自定义和控制谷歌Chrome浏览器
2. 工具
3. 开发选项
4. 审计
5. 检查审核当前状态,仅检查网页性能,然后按RUN运行
6. 然后我可以在文件上看到当前页面的未使用的css

问题在于,这个仅针对一页(当前)进行.我有三个页面这里网站: PAGE 1,第2页,第3页.我想同时找到所有三个页面中未使用的css部分.是否有免费的工具或网站？

我正在尝试在 Jupyter Notebook 中运行 Javascript（除非在 JS 中有一个等效的 notebook 可以轻松测试我的脚本），例如我想运行以下内容：

import pixiedust_node
%%node
var date = new Date();
print(date);

为了安装我尝试过的所有东西：

pip install pixiedust, pip install pixiedust_node, conda install -c akode pixiedust,jupyter pixiedust install

而且，当我尝试在 Jupyter 中加载代码时，我得到了这个：

在尝试了这个之后：conda install -c anaconda nodejs 或者甚至这个：conda install -c conda-forge nodejs

我从具有多列的 CSV 文件加载一些数据。在我的 csv.reader 中，我有一个 IF 函数。我试图从特定列（开始日期）中获取最早的日期。

我首先加载数据：

for row in csv.reader(open('myFile.csv')):
  if row[4] == '56886':
    key = row[4] #key = (row[4], row[33][:4], row[4])
    startDate = row[19]

当我打印列 (startDate) 时，我得到了这个：

01）我尝试使用以下内容：

content = min(content)
print(content)

我在终端得到了这个：

02）然后我尝试更改我的代码：

for row in csv.reader(open('myFile.csv',
        parse_dates=['Start Date'], 
        usecols=['Start Date']))
  if row[4] == '56886':
    key = row[4] #key = (row[4], row[33][:4], row[4])
    startDate = row[19]

我收到了无效的语法错误。

03）我尝试将线路更改为：

pandas.read_csv('myFile.csv', parse_dates=['Start Date'], usecols=['Start Date'])

我得到了同样的错误。

最好的解决方法是什么？到目前为止，我还没有找到解决方案。

我使用CSS创建了一个右梯形,我添加了一些文本.我的问题是我不能垂直对齐div中的文本.我的步骤显示在问题的底部.首先,我的代码如下所示:

HTML:

<div class="headersection">
    <div class="logosection">TEXTtext</div>
</div>

CSS:

body {
    margin:0;
}

.headersection {
    background-color:#222939;
    width:100%;
    height:75px;
    line-height:0;
    z-index:1;
    color:white;
}

.logosection {
    width:120px;
    border-bottom: 75px solid #ff0000;
    border-right: 75px solid transparent;
}

其次,使用上面的代码我得到这个结果,你可以看到文本没有对齐:

我尝试display: table;在CSS中.headersection添加,然后我添加了这个:

     display: table-cell;
 vertical-align: middle;

在里面 .logosection

另外,我尝试添加这个:

display: flex;
justify-content: center; 
align-items: center;

在里面 .logosection

它是水平对齐但不是垂直对齐:

我试图在我的代码中垂直对齐div但没有成功.这个div包含子div.第一个

我希望这看起来像这样:

但目前它没有对齐.这是我的HTML代码:

body {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: #f1f1f1;
}
.content {
  float: left;
  margin: 20px auto;
  text-align: center;
  width: 300px;
}
.content h1 {
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 40px 0;
  font-size: 25px;
  line-height: 30px;
}
.circle {
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 50%;
  /* the magic */
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
  color: white;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 auto 20px;
}
.blue {
  background-color: #052D72; …