Heim > Web-Frontend > HTML-Tutorial > 修改CSS样式_html/css_WEB-ITnose

修改CSS样式_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:15:12
Original
1340 Leute haben es durchsucht











这是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

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage