我一直在做一个项目,有一个页面会显示几个 div(使用 ejs),但是如果一个 div 有 3 行而另一个有 2 行,那么一个会比另一个大很多。
这是我的HTML/ejs文件代码:
<div id = "home" class = "container">
<h1 class="polls-head">Polls</h1>
<div class="main-aligner">
<% for(var i = 0; i < allPolls.length; i++){ %>
<div class="title" id="dynamicDiv">
<div class="poll-name" id="dynamicSpan">
<%= allPolls[i].title %>
</div>
<div class="poll-link">
<div class= "poll-view">
<a href="polls/<%= allPolls[i]._id %>" class="btn button view">View Poll</a>
</div>
<div class="createdBy">
<p>Created by: <%=allPolls[i].createdBy %></p>
</div>
</div>
</div>
<%}%>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
而对于CSS文件
.title
{
font-family: "Lato";
width: 365px; …Run Code Online (Sandbox Code Playgroud)