Rails erb样式CSS

我想知道是否有人可以帮助... 下面是用户个人资料页面上短名单的代码。我希望能够使用h2设置“名称”，“电子邮件”和“用户类型”等固定文本的样式，并提供具有说明h4的红宝石内容。我的问题是，当我使用类似第6行代码的东西，并在标签之间嵌入h4内容时。文本跳出序列并出现在另一行。什么是正确的方式来组织这个，以便我可以使用不同的标签对ruby进行样式设置并保持文本排列。Rails erb样式CSS

非常感谢

1<div class="profile-content"> 
2 <ul> 
3  <li><h2>Name: <%= @user.name %></h2></li> 
4  <li><h2>Email: <%= @user.email %></h2></li> 
5  <% if @user.admin %> 
6  <li><h2>User Type: <h4>Admin</h4> </h2></li> 
7  <% else %> 
8  <li><h2>User Type: Standard</h2></li> 
9  <% end %> 
10 </ul> 
11</div>

来源

2017-02-20 Mystic Chimp

看到我的答案，但如果我们的目标是为H2和H4类内嵌显示，那么你或许应该只是创建一个跨班级，因为h2和h4不是内联式设计，而是令人困惑/非常规。 –

感谢您抽出宝贵时间回复@TimmyVonHeiss我对css html的东西不是太聪明，上面的span类看起来像什么，考虑到列表，或者我会完全删除列表标记？ thx –

<li><h2>User Type:</h2> <h4>Admin</h4> </li> 

h2, h4 { display: inline-block }

您也可以作为线之间的间隔使用：

What is a clearfix?

来源

2017-02-20 02:21:08

我当时希望这种简单的方法能起作用......但是不要害怕。 –

你可以重新创建这个问题吗？https://jsfiddle.net/xdn1da81/ –

我明白了，你是对的。我试图添加我的列表样式，看看它是否打破了它，但它仍然在小提琴上奏效。只是不能在我的最后。必须是其他一些冲突的样式。感谢您清理它，我将不得不取消我的其他样式，以查看问题是什么......我将其标记为正确。再次感谢 –

你应该开始你的H4标记之前关闭H2标签。

<li><h2>User Type: </h2><h4>Admin</h4> </li>

来源

2017-02-20 02:20:58 DevJem

Rails erb样式CSS

回答

相关问题