Question

如何删除显示为绿色的空间？

我无法确定该空格是由于表单还是其父级div（内联网格）引起的？

这是我的尝试：https://codepen.io/bynge/pen/movmdY

.form-group {border: thin #d9d9d9  ;min-width: 100px;margin: 0;font: 0;width:100%}
.form-group {align-items: baseline; background:green;}
.form-inputLabel input{ width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.form-inputLabel {display:block;font-size: 1em;color: white;background-color: grey;
text-align:center;cursor: pointer;margin:0;padding:0;}
.form-inputLabel:focus,
.form-inputLabel:hover {background-color: red;}

我不希望uploadTableGuide中的孩子之间有空格，这意味着在Codepen示例中没有绿色。

Answer 1

我有点遍历您的代码并进行了一些更改，我不太擅长此操作，因为我对此并不陌生，请耐心等待。但我希望这可以在某种程度上帮助您。

我从HTML代码中删除了此代码：

<progress value="0" max="100" class="uploadStatus"></progress>

您也不需要此（CSS）：

.form-group {align-items: baseline; background:green;}

Answer 2

Kindly replace you existing css class with mine and the issue is resolved

css
.form-group {
    position: relative;
    align-items: baseline;
    background: green;
}
progress{
    height: 3px;
    background-color: #291919;
    width: 100%;
    color: yellow;
    position: absolute;
    z-index: 9;
    left: 0;
    border-radius: 1px;
    margin-top: 0em;
    display: flex;
}

Answer 3

mCredential = GoogleAccountCredential.usingOAuth2(getApplicationContext(), Arrays.asList(SCOPES)).setBackOff(new ExponentialBackOff());
HttpTransport transport = AndroidHttp.newCompatibleTransport();
JsonFactory jsonFactory = JacksonFactory.getDefaultInstance();
mService = new com.google.api.services.gmail.Gmail.Builder(
        transport, jsonFactory, credential)
        .setApplicationName(mContext.getResources().getString(R.string.app_name))
        .build();

空格是由进度标记引起的。显示的属性flex会将其删除。应该在文档中的某个地方清楚地告诉我有关我希望取得的进展。

删除<form>中的空格

3 个答案: