目錄
回复讨论(解决方案)
首頁 web前端 html教學 修改CSS样式_html/css_WEB-ITnose

修改CSS样式_html/css_WEB-ITnose

Jun 24, 2016 pm 12:15 PM











这是pagingtoolbar的html代码,我想把‘No data to display’这个div放在








No data to display













这个里面,应该怎么做?由于本人从未接触修改CSS,望大神给予详细答复。

回复讨论(解决方案)

我晕,这是ext生成的html代码的嘛,你改这个做什么?
要改也要从ext组件对象着手嘛
你觉得哪个css不好自己写一个同名的,覆盖就可以了

我晕,这是ext生成的html代码的嘛,你改这个做什么?
要改也要从ext组件对象着手嘛
你觉得哪个css不好自己写一个同名的,覆盖就可以了
是啊,可能我表达的不对,我现在就是找到了这个.x-toolbar-cell .xtb-text来写,但是我想这个div挪到

这里面来,应该怎么做?

不用找到他们重写,自己在页面中写一个同名的css就可以覆盖了
ext的html都是动态生成的,你就算贴出代码也不能保证下次仍然是相同的,id可能会变化的,所以根据id移动肯定是不行的,根据css查找到是该不会变化,但那样影响是不可预料的
你的想法就不对,你要重做样式,应该修改css而不是改变布局,要改变布局应该从组件对象入手,甚至修改控件代码都可以,而不是从生成的html上下手,,直接操作html你不如别用ext

不用找到他们重写,自己在页面中写一个同名的css就可以覆盖了
ext的html都是动态生成的,你就算贴出代码也不能保证下次仍然是相同的,id可能会变化的,所以根据id移动肯定是不行的,根据css查找到是该不会变化,但那样影响是不可预料的
你的想法就不对,你要重做样式,应该修改css而不是改变布局,要改变布局应该从组件对象入手,甚至修改控件代码都可以,而不是从生成的html上下手,,直接操作h……
嗯,我明白你的意思了,我想把这个

No data to display
放到
这个里面来,我问过一些人,也是说要修改CSS样式,于是按你说的应该是要自己写一个覆盖.x-toolbar-cell .xtb-text这个样式对吧。那我现在是不知道该如何去写才能得到我想要的布局。你可以教下我么?由于我对CSS修改样式是一点也不理解,所以刚才表达的也有错,望见谅。

我又不知道你到底想要的是什么布局....
刚刚已经说过了,在页面中写一个同名的css就可以覆盖ext默认的css了,当然你得写在ext-all.css的节点
看样子你是要把xtb-text样式应用到上面那个div?
那你在ext-all中找到这个css,把内容复制下来,页面中写一个x-toolbar-left的css,将xtb-text的内容粘帖进去就可以了,不过这种做法影响是很大的,所有应用x-toolbar-left的对象都要受到影响
经查,该样式是:
.x-toolbar div.xtb-text{
    padding:2px 2px 0;
    line-height:16px;
    display:block;
}
该样式名意思是class为.x-toolbar的元素下面class为.xtb-text的div会应用此样式,就你贴的代码看你加红字的div不符合该条件,可能你代码没贴全,更上级若有应用x-toolbar,那么就符合了。
若你弄不明白上面我说的,建议你别改了,小心到时出了问题不知原因,没水平修改ext代码前请使用默认,若默认不符合要求请自己写html不要用ext

写错是把xtb-text应用到上面那个td

写错是把xtb-text应用到上面那个td
嗯,谢谢,你想表达的我都清楚了,由于我对CSS这方面一窍不通,所以我的意思可能没表达对,请看我http://topic.csdn.net/u/20120924/13/badd194a-c24f-492f-95f6-37b3528bd95e.html这个链接,你应该会更清楚我想要做什么样的布局。

写错是把xtb-text应用到上面那个td

你好,请问你知道怎么解决了么?

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

HTML容易為初學者學習嗎? HTML容易為初學者學習嗎? Apr 07, 2025 am 12:11 AM

HTML適合初學者學習,因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩,易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高,可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

HTML,CSS和JavaScript的角色:核心職責 HTML,CSS和JavaScript的角色:核心職責 Apr 08, 2025 pm 07:05 PM

HTML定義網頁結構,CSS負責樣式和佈局,JavaScript賦予動態交互。三者在網頁開發中各司其職,共同構建豐富多彩的網站。

了解HTML,CSS和JavaScript:初學者指南 了解HTML,CSS和JavaScript:初學者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

Gitee Pages靜態網站部署失敗:單個文件404錯誤如何排查和解決? Gitee Pages靜態網站部署失敗:單個文件404錯誤如何排查和解決? Apr 04, 2025 pm 11:54 PM

GiteePages靜態網站部署失敗:404錯誤排查與解決在使用Gitee...

HTML中起始標籤的示例是什麼? HTML中起始標籤的示例是什麼? Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

如何用CSS3和JavaScript實現圖片點擊後周圍圖片散開並放大效果? 如何用CSS3和JavaScript實現圖片點擊後周圍圖片散開並放大效果? Apr 05, 2025 am 06:15 AM

實現圖片點擊後周圍圖片散開並放大效果許多網頁設計中,需要實現一種交互效果:點擊某張圖片,使其周圍的...

網頁批註如何實現Y軸位置的自適應佈局? 網頁批註如何實現Y軸位置的自適應佈局? Apr 04, 2025 pm 11:30 PM

網頁批註功能的Y軸位置自適應算法本文將探討如何實現類似Word文檔的批註功能,特別是如何處理批註之間的間�...

HTML,CSS和JavaScript:Web開發人員的基本工具 HTML,CSS和JavaScript:Web開發人員的基本工具 Apr 09, 2025 am 12:12 AM

HTML、CSS和JavaScript是Web開發的三大支柱。 1.HTML定義網頁結構,使用標籤如、等。 2.CSS控製網頁樣式,使用選擇器和屬性如color、font-size等。 3.JavaScript實現動態效果和交互,通過事件監聽和DOM操作。

See all articles