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

回答

相關問題