css-content

    5熱度

    5回答

    在某些模板中,我看到使用CSS創建的箭頭。是這樣的: div:after{ content:"\f107"; } 這段代碼顯示這樣一個箭頭: 這是什麼碼?在哪裏我可以找到更多的代碼?

    7熱度

    2回答

    我的段落的高度/線條高度爲50px,而text-align: center則以文字爲中心。但是,p:之前正在導致它的高度/線高增加,導致文字碰撞。我希望p和p:之前都是垂直居中的。 http://jsfiddle.net/MMAUy/ <p>Hover This</p> p { background: red; text-align: center; height

    2熱度

    1回答

    所以我想在文檔網頁中使用pre標籤。現在,我想要正確的語言在右上角。所以,這就是我想我可以這樣做: <pre class="code" language="Python"></pre> 然後我可以使用after和attr(X)在CSS與language內容後,以填補僞: pre.code:after{ content: attr("language"); position:

    1熱度

    1回答

    想知道如果搜索引擎將有所有的圖像設置爲背景圖像的頁面的任何問題,並且如果它能夠正確地查找和索引每個圖片下的「字幕」(即CSS內容標籤)。我並不在乎搜索引擎是否能找到背景圖片,但我希望讓他們將字幕索引。 <style> #cimg {width: 400px; height: 300px; background: #000; padding: 0px;} #ctxt {font-size: 1.

    2熱度

    1回答

    我正在爲動態麪包屑創建一組樣式。 麪包屑中每一個前面的步驟都應該有一個邊框底部和一個正斜槓。正斜線完成爲:之前。 問題是,當前兩步之間存在正斜槓時,右側邊框沒有間隙。 要解釋這個問題比較好,請參閱本codepen ... http://codepen.io/anon/pen/dJEen 我已經嘗試做了下邊框:0上:前但這不執行任何操作。 我的代碼: HTML <div> <a class

    3熱度

    2回答

    我們想要一些編號列表,發現你可以在你使用這個很酷的計數器事情CSS來讓瀏覽器計算出的數字爲您提供: ol.instructions {counter-reset:instructions-section;} ol.instructions > li:before { content:counter(instructions-section); counter-incremen

    2熱度

    1回答

    我在webkit瀏覽器中通過Javascript獲取僞元素的生成內容時遇到了一些麻煩。 對於那些關心的人來說:我正在研究一個jQuery移動應用程序並試圖使用FontAwesome圖標。我希望能夠添加它們與jQM使用它自己的內置圖標集相同的數據圖標屬性。所以我有一個腳本,在頁面上搜索類ui-icon-whatever的任何內容,併爲FontAwesome添加相應的icon-whatever類。問題

    7熱度

    1回答

    我有一個<a>元素,之後我想顯示一個>符號,使用:after僞元素。 的<a>元素的內容是動態的,因此它的寬度的變化,有時內容事件跨越幾行(因爲這<a>元件是<div>誰的寬度是固定的內側)。 我想>的水平位置,開始在最長行的末尾。也就是說,當我給它right:0;規則,它應該是在元素的最右側邊緣(垂直位置並不重要,現在): 這就是它在FF的行爲方式,但在Chrome和IE中,>出現在最短行的末尾

    0熱度

    5回答

    代碼: <!DOCTYPE html> <html> <head> <style> .parent { position: absolute; top:500px; width:400px; border:1px solid green; } .parent:before { z-index:-1; content:'';

    0熱度

    4回答

    我已經下載了一個網站的網站下載,其上有很好的圖標。但下載後,圖標消失,我看不到任何圖像文件。 在html中,就是這樣。 <li class="active"> <a href="buttons.html"> <i class="icon-up"></i> Buttons </a> </li> 該類如下所示。 .icon-up:before {content: