使用CSS選擇性地隱藏信息

我有一張表格顯示有關客戶列表的信息。我想選擇性地隱藏不同頁面中的某些信息字段。將每個頁面定義爲不同的ID並使用CSS來控制所顯示的內容是一種好的做法。或者我應該真的進入控制器和模型來控制它。使用CSS選擇性地隱藏信息

例如，每個客戶有3條信息吧：姓名，電話號碼，地址和HTML，CSS標記如下：

<style> 
#SomeSpecificPage span.text-phonenumber { display: none } 
</style> 

<div id="SomeSpecificPage"> 
<span class="text-name"><% name %></span> 
<span class="text-phonenumber"><% phone number %></span> 
<span class="text-address"><% address %></span> 
</div>

來源

2011-05-19 Itakou

這是沒有問題的。許多人將頁面ID應用於body元素，但練習類似，不是頑皮。

您是否希望使用頁面ID CSS隱藏字段或與您的服務器端代碼控制輸出這是給你的。兩者都很好。

來源

2011-05-19 21:19:13 BoltClock

謝謝。對於這一切仍然是新鮮事，不想做出不好的錯誤:) – Itakou 2011-05-19 21:25:36

@Itakou：每個人都是學習者:) – BoltClock 2011-05-19 21:26:13

對於知名度，我想創建一個名爲.hidden { display: none; }類，並把那我想默認是隱藏的元素。然後，您可以使用任何語言來切換該課程。

來源

2011-05-19 21:20:08

這取決於你如何定義「隱藏」 ......如果Web識字觀衆觀看您的來源，他們所看到的一切隱藏的CSS。那是問題嗎？如果沒有，就去做吧。它是一個簡單有效的解決方案。

另一方面，機密信息是否會給您帶來麻煩？如果是這樣，甚至不要讓它渲染，如：更改控件。

來源

2011-05-19 21:20:23

啊，很好地使用客戶只是一個簡單的例子。對於需要顯示的特定模型，我有很長的屬性列表。爲了視覺吸引力和減少混亂，我想隱藏某些信息;沒有什麼保密的 - 只是想知道這是否被認爲是不好的做法。 – Itakou 2011-05-19 21:23:51

聽起來不錯，去吧！ – 2011-05-19 21:27:04

您可以在之後或之前使用CSS3。

這需要一種不同的方法，但可能會達到你的目標。這應該至少讓它遠離網絡抓取工具，這正是我想象的是你想通過隱藏它來實現的。見小提琴：

.text-name:after{ 
    content:'contenthere' 
} 
.text-phonenumber:after{ 
    content:'phonenumberhere' 
} 
.text-address:after{ 
    content:'addresshere' 
}

http://jsfiddle.net/CPVeA/

記住瀏覽器支持：http://caniuse.com/#feat=css-gencontent

來源

2014-01-10 15:02:23 robstarbuck

使用CSS選擇性地隱藏信息

回答

相關問題