小编Nem*_*mus的帖子

将鼠标悬停在链接上时绘制带有跨度的行

当我将鼠标悬停在链接上时,我试图在链接下画一条线.像这样的东西:https://codepen.io/tsimenis/pen/BKdENX

所以,我试图添加width: 0%;的.underline类,然后width: 100%;悬停,但它不工作.我究竟做错了什么？

.underline {
    border-bottom: 1px solid;
    width: 0%;
    float: inherit;
     -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.underline:hover{
    width: 100%;
}
<nav id="site-navigation" class="main-navigation">

<div class="menu-primary-menu-bottom-container">
  <ul id="primary-menu-bottom" class="menu nav-menu" aria-expanded="false">
     <li id="menu-item-29" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"><a href="https://salt-nemanjamandic.c9users.io/te-koop/">te koop</a><span class="underline"></span></li>
     <li id="menu-item-28" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28"><a href="https://salt-nemanjamandic.c9users.io/design/">design</a><span class="underline"></span></li>
     <li id="menu-item-27" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27"><a href="https://salt-nemanjamandic.c9users.io/kijkappartement/">kijkappartement</a><span class="underline"></span></li>
     <li id="menu-item-26" …

Run Code Online (Sandbox Code Playgroud)

html css

Nem*_*mus

lucky-day

4
推荐指数

2
解决办法

2420
查看次数

使用 sql 加载器加载表时跳过前 2 行

目前我的控制文件如下：

Load data
Infile '/.../../emp*.txt'
Append into table emp_load
When (emp_id <> 'emp_id')
Fields terminated by "," optionally enclosed by ' " '
Trailing nullcols
(Emp_id "TRIM(:EMP_ID)",
EMP_NAME "TRIM(:EMP_NAME)",
SAL "TRIM(:SAL)"
)

Run Code Online (Sandbox Code Playgroud)

当前输入文件：

Emp_id,emp_name,sal
1,A,100
2,B,200

Run Code Online (Sandbox Code Playgroud)

我现在有另一个要求，其中输入文件将包含 2 个标头，并且类似于

/folder1/folder2/file1_<date>.csv
Emp_id,emp_name,sal
1,A, 100
2,B,200
...

Run Code Online (Sandbox Code Playgroud)

同样，我将有多个输入文件......

您能帮我处理这种情况的控制文件吗？

controls file sql-loader

use*_*109

2018 02-07

4
推荐指数

1
解决办法

2万
查看次数

将节点升级到v10.4.1后出现Gulp错误

我正在Mac OS X上运行。按照以下可接受的答案步骤，我最近将node和npm更新为最新版本，将Node.js升级到Mac OS上的最新版本。节点：v10.4.1和npm：6.1.0现在，当我运行Gulp文件时，出现此错误：

gulp[2838]: ../src/node_contextify.cc:629:static void node::contextify::ContextifyScript::New(const FunctionCallbackInfo<v8::Value> &): Assertion `args[1]->IsString()' failed.
 1: node::Abort() [/usr/local/bin/node]
 2: node::MakeCallback(v8::Isolate*, v8::Local<v8::Object>, char const*, int, v8::Local<v8::Value>*, node::async_context) [/usr/local/bin/node]
 3: node::contextify::ContextifyScript::New(v8::FunctionCallbackInfo<v8::Value> const&) [/usr/local/bin/node]
 4: v8::internal::FunctionCallbackArguments::Call(v8::internal::CallHandlerInfo*) [/usr/local/bin/node]
 5: v8::internal::MaybeHandle<v8::internal::Object> v8::internal::(anonymous namespace)::HandleApiCallHelper<true>(v8::internal::Isolate*, v8::internal::Handle<v8::internal::HeapObject>, v8::internal::Handle<v8::internal::HeapObject>, v8::internal::Handle<v8::internal::FunctionTemplateInfo>, v8::internal::Handle<v8::internal::Object>, v8::internal::BuiltinArguments) [/usr/local/bin/node]
 6: v8::internal::Builtin_Impl_HandleApiCall(v8::internal::BuiltinArguments, v8::internal::Isolate*) [/usr/local/bin/node]
 7: 0x211117841bd
 8: 0x2111178ee5d
 9: 0x2111180b2a0
10: 0x21111793429
11: 0x21111793429
12: 0x21111793429
Abort trap: 6

Run Code Online (Sandbox Code Playgroud)

有人知道这是什么问题吗？

node.js gulp

Nem*_*mus

2018 06-26

4
推荐指数

2
解决办法

2315
查看次数

如何使用 Bulma CSS 框架防止列溢出模态

这个关于 codepen 的最小示例充分说明了这个问题

然而，重申一下：Bulma CSS 框架提供了一个列容器和一个模态元素。如果一个放在另一个里面，如以下完整代码所示：

<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Hello Bulma!</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css">
  <script defer src="https://use.fontawesome.com/releases/v5.1.0/js/all.js"></script>
</head>

<body>
  <div class="modal is-active">
    <div class="modal-background"></div>
    <div class="modal-card">
      <header class="modal-card-head">
        <p class="modal-card-title">Modal title</p>
        <button class="delete" aria-label="close"></button>
      </header>
      <section class="modal-card-body">
        <div id="my-columns" class='columns is-mobile'>
          <div class='column'>
            <button class='button is-primary'>Some Button</button>
          </div>
          <div class='column'>
            <button class='button is-primary'>Some Button</button>
          </div>
          <div class='column'>
            <button class='button is-primary'>Some Button</button>
          </div>
          <div class='column'>
            <button class='button is-primary'>Some Button</button>
          </div>
          <div class='column'>
            <button …

Run Code Online (Sandbox Code Playgroud)

html css flexbox bulma

N. *_*cA.

2018 07-21

4
推荐指数

1
解决办法

3316
查看次数

内容重叠div

我有重叠内容的问题.当我为HTML编写此代码时,content_left中的文本与我希望它包含的整个区域重叠.当我将高度更改为自动时,它无法解决问题.内容重叠到右侧,底部被切断.

#wrapper {
  height: 1500px;
  margin: 20px auto auto auto;
  padding: 0;
  background: url(wrapper.png);
}

.content_left {
  float: left;
  width: 600px;
  padding: 20px 0 0 30px;
  margin-left: -300px;
  position: relative;
  height: auto;
}

Run Code Online (Sandbox Code Playgroud)

<div id="wrapper">

  <div id="header">

    <div id="logo">
    </div>

    <div id="header_right">
    </div>
  </div>
  <div class="content_left">
    hfhfhfhfhfhfhfhfhfhfhffhfhhfhfhfhfhfhfhfhfhfhfhffhfh hfhfhfhfhfhfhfhfhfhfhffhfhhfhfhfhfhfhfhfhfhfhfhffhfh hfhfhfhfhfhfhfhfhfhfhffhfhhfhfhfhfhfhfhfhfhfhfhffhfh hfhfhfhfhfhfhfhfhfhfhffhfhhfhfhfhfhfhfhfhfhfhfhffhfh hfhfhfhfhfhfhfhfhfhfhffhfhhfhfhfhfhfhfhfhfhfhfhffhfh
    hfhfhfhfhfhfhfhfhfhfhffhfhhfhfhfhfhfhfhfhfhfhfhffhfh hfhfhfhfhfhfhfhfhfhfhffhfhhfhfhfhfhfhfhfhfhfhfhffhfh hfhfhfhfhfhfhfhfhfhfhffhfhhfhfhfhfhfhfhfhfhfhfhffhfh hfhfhfhfhfhfhfhfhfhfhffhfhhfhfhfhfhfhfhfhfhfhfhffhfh hfhfhfhfhfhfhfhfhfhfhffhfhhfhfhfhfhfhfhfhfhfhfhffhfh
    hfhfhfhfhfhfhfhfhfhfhffhfhhfhfhfhfhfhfhfhfhfhfhffhfh hfhfhfhfhfhfhfhfhfhfhffhfhhfhfhfhfhfhfhfhfhfhfhffhfh
  </div>

  <div class="content_right">
  </div>

  <div class="footer">
    Footer goes here
  </div>
</div>

Run Code Online (Sandbox Code Playgroud)

示例jsfiddle示例

html css overlapping

Dot*_*nnn

2018 05-04

3
推荐指数

2
解决办法

1万
查看次数

如何在没有绝对定位的情况下在身体元素内垂直和水平居中？

我已经阅读了无数关于垂直对齐和居中div的Q&A和博客文章,但我无法让最简单的情况起作用:直接在html体内的空20x20 div.

HTML:

 body
    {
        background-color:DarkGray;
        display:table;
    } 

    .box
    {
        background-color:black;

        display:table-cell
        margin:0, auto;    
        
        width:20px;
        height:20px;
    }

Run Code Online (Sandbox Code Playgroud)

<body>
    <div class="box">
    </div>
</body>

Run Code Online (Sandbox Code Playgroud)

这是JSFiddle.

html css centering

cir*_*ego

2017 12-26

3
推荐指数

1
解决办法

2万
查看次数

您如何防止图像扩展到其容器之外？

我有一个高度大于它的容器的图像。图像设置为 max-height: 100% 和 max-width: 100% 但它继续增长超出它的包含元素（高度 - 令人惊讶的是不是宽度）

如何在保持纵横比的同时防止它扩展到容器之外？

http://codepen.io/navarr/pen/zxZjjP提供了一个示例，该示例中的代码如下：

HTML：

.row {
  display: flex;
  .col {
    display: block;
    border: 1px solid blue;
    width: 50px;
    height: 400px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    text-align: center;
    .link {
      flex: 1 1 auto;
      img {
        max-height: 100%;
        max-width: 100%;
      }
    }
    h3 {
      flex: 0 0 auto;
      background: green;
    }
  }
}

Run Code Online (Sandbox Code Playgroud)

<div class="row">
  <div class="col">
    <div class="link">
      <img src="http://i.imgur.com/qG6NmU7.png" />
    </div>
    <h3>100 x 800 image</h3>
  </div>
  <div class="col"> …

Run Code Online (Sandbox Code Playgroud)

css flexbox

Nav*_*arr

2018 04-19

3
推荐指数

1
解决办法

1万
查看次数

更改SVG精灵的颜色

我正在使用SVG精灵作为背景图片：

.naar-logo {
    background: url(images/salt_sprite.svg) no-repeat -8px -78px;
    width: 36px;
    height: 49px;
    position: relative;
    top: 38px;
}
<div class="naar-logo"></div>

Run Code Online (Sandbox Code Playgroud)

Sprite图片的颜色是黑色，但我希望它是白色。我尝试过：

background: url(images/salt_sprite.svg) no-repeat white -8px -78px;

和color: white;上.naar-logoCLAS，但它不能正常工作。如何将svg精灵的颜色更改为白色？

html css svg

Nem*_*mus

lucky-day

3
推荐指数

1
解决办法

2868
查看次数

无法在Spring Tool Suite中创建Spring Starter项目

JSONException：JSONObject文本必须以{at字符开头0

我曾经用过spring-tool-suite-3.9.1.RELEASE-e4.7.1a-win32-x86_64，为什么我不能直接在其中创建项目File->New->Spring Starter Project

我得到了下面的截图。

spring-tool-suite spring-boot

董嘉鹏*_*董嘉鹏

2018 01-06

3
推荐指数

4
解决办法

1万
查看次数

Android底部工作表，带有带有Snackbar问题的浮动操作按钮

因此，我有一个浮动操作按钮，该按钮固定在底部工作表布局上。然后，我单击一个按钮，将“底表”的状态设置为STATE_HIDDEN。底页正确隐藏，然后弹出一个快餐栏，“浮动操作按钮”随之升高。问题出在Snackbar关闭并且Floating Action Button重新下沉之后：当我将底部工作表的状态设置回STATE_COLLAPSED时，Floating Action Button需要一秒钟或2秒钟重新调整并锚定到底部工作表上（最后一个屏幕截图）。如何消除延迟？谢谢：）

发行图片

按钮的代码：

    mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_HIDDEN);

    final Snackbar mySnackbar
            = Snackbar.make(findViewById(R.id.bottom_sheet_page),
            R.string.map_undoremove, Snackbar.LENGTH_LONG);
    mySnackbar.setAction(R.string.undo_string, new View.OnClickListener(){
        @Override
        public void onClick(View v) {
            mWaypoint = mMap.addMarker(new MarkerOptions().position(mWaypoint.getPosition())
                    .title("Test"));
        }
    });

    mySnackbar.show();

Run Code Online (Sandbox Code Playgroud)

布局代码

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/bottom_sheet_page"
tools:context=".Map.MapNavDrawer" >

<!-- Your content -->
<include layout="@layout/activity_maps" />

<!-- Bottom Sheet -->

<LinearLayout
    android:clickable="true"
    android:id="@+id/bottom_sheet"
    android:layout_width="match_parent"
    android:layout_height="250dp"
    android:background="#FFFFFF"
    android:orientation="vertical"
    android:padding="16dp"
    app:behavior_hideable="true"
    app:layout_behavior="@string/bottom_sheet_behavior">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:layout_weight="1"
        >

        <TextView
            android:id="@+id/textViewWaypoint"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/map_waypointtitle"
            android:textStyle="bold" …

Run Code Online (Sandbox Code Playgroud)

android android-layout floating-action-button bottom-sheet

Ker*_*ire

2017 09-09

2
推荐指数

1
解决办法

2257
查看次数