文章/答案/技术大牛

发布

社区首页 >问答首页 >删除JSTL <c:forEach>中的行中断

问删除JSTL <c:forEach>中的行中断
EN

Stack Overflow用户

提问于 2014-11-21 06:05:33

回答 2查看 782关注 0票数 0

我已经修改了<input type="submit">，使其看起来像一个超链接。

CSS:

input[type="submit"].searchitem {
    background: none;
    border: none;
    color: blue;
    cursor: pointer;
    padding: 0px;
}

input[type="submit"].searchitem:hover {
    text-decoration: underline;
}

JSTL:

<c:forEach var="searchItem" items="${searchResults}">
    <form action="view-schedule.jsp" method="post">
        <input type="hidden" name="movieid" value="${searchItem.movieId}" />
        <input type="submit" value="${searchItem.movieTitle}" class="searchitem" />
    </form>
</c:forEach>

火狐检查器：

<form method="post" action="view-schedule.jsp">

    <input type="hidden" value="4" name="movieid"></input>
    <input class="searchitem" type="submit" value="INSURGENT"></input>

</form>
<form method="post" action="view-schedule.jsp">

    <input type="hidden" value="2" name="movieid"></input>
    <input class="searchitem" type="submit" value="INTERSTELLAR"></input>

</form>
<form method="post" action="view-schedule.jsp">

    <input type="hidden" value="9" name="movieid"></input>
    <input class="searchitem" type="submit" value="MINIONS"></input>

</form>
<form method="post" action="view-schedule.jsp">

    <input type="hidden" value="6" name="movieid"></input>
    <input class="searchitem" type="submit" value="MOCKINGJAY: PART I"></input>

</form>
<form method="post" action="view-schedule.jsp">

    <input type="hidden" value="3" name="movieid"></input>
    <input class="searchitem" type="submit" value="PENGUINS OF MADAGASCAR"></input>

</form>
<form method="post" action="view-schedule.jsp">

    <input type="hidden" value="8" name="movieid"></input>
    <input class="searchitem" type="submit" value="WHITE BIRD IN A BLIZZARD"></input>

</form>

输出：

但它在搜索结果之间显示了一个空白。我想我哪里都没有<br />。

(对scriptlet来说，它运行得很好，但我正在尝试转换为JSTL)。

java

html

css

jstl

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-11-21 07:13:29

由于没有适用于form的样式，所以它有来自的margin-bottom用户代理样式表，如

form {
    margin-bottom: 1em;
}

把这个换成下面的好看点

form {
    margin-bottom: 5px;
}

尝尝这个

<html>
    <head>
    <title>Test Line Break</title>
    <style>
        form{
            margin-bottom:5px;
        }
        input[type="submit"].searchitem {
            background: none;
            border: none;
            color: blue;
            cursor: pointer;
            padding: 0px;
        }

        input[type="submit"].searchitem:hover {
            text-decoration: underline;
        }
    </style>
    </head>
    <body>
        <form method="post" action="view-schedule.jsp">

            <input type="hidden" value="2" name="movieid"></input>
            <input class="searchitem" type="submit" value="INTERSTELLAR"></input>

        </form>
        <form method="post" action="view-schedule.jsp">

            <input type="hidden" value="2" name="movieid"></input>
            <input class="searchitem" type="submit" value="INTERSTELLAR"></input>

        </form>
    </body>
</html>

所以你才能在按钮上休息。

票数 1

Stack Overflow用户

发布于 2014-11-21 07:07:22

只需将此添加到CSS中即可。

 form {
    margin-bottom: 0;
 }

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/27055121

复制

相似问题

问删除JSTL <c:forEach>中的行中断
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问删除JSTL <c:forEach>中的行中断EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问删除JSTL <c:forEach>中的行中断
EN