Table des matières
回复讨论(解决方案)
Maison interface Web tutoriel 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

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

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

HTML est-il facile à apprendre pour les débutants? HTML est-il facile à apprendre pour les débutants? Apr 07, 2025 am 12:11 AM

HTML convient aux débutants car il est simple et facile à apprendre et peut rapidement voir les résultats. 1) La courbe d'apprentissage de HTML est fluide et facile à démarrer. 2) Il suffit de maîtriser les balises de base pour commencer à créer des pages Web. 3) Flexibilité élevée et peut être utilisée en combinaison avec CSS et JavaScript. 4) Les ressources d'apprentissage riches et les outils modernes soutiennent le processus d'apprentissage.

Les rôles de HTML, CSS et JavaScript: responsabilités de base Les rôles de HTML, CSS et JavaScript: responsabilités de base Apr 08, 2025 pm 07:05 PM

HTML définit la structure Web, CSS est responsable du style et de la mise en page, et JavaScript donne une interaction dynamique. Les trois exercent leurs fonctions dans le développement Web et construisent conjointement un site Web coloré.

Quel est un exemple d'une balise de départ dans HTML? Quel est un exemple d'une balise de départ dans HTML? Apr 06, 2025 am 12:04 AM

Anexampleofastartingtaginhtmlis, qui abinginsaparagraph.startingtagsaressentialtinhtmlastheyinitiateelements, définit les éventualités, et la faculté de réduction des pages et de la construction de la création.

Comprendre HTML, CSS et JavaScript: un guide pour débutant Comprendre HTML, CSS et JavaScript: un guide pour débutant Apr 12, 2025 am 12:02 AM

WebDevelopmentReliesOnHTML, CSS, etjavascript: 1) HTMLSTRUCTURESCONTENT, 2) CSSSTYLESIT, et3) JavascriptAdddsInterActivity, Forming TheasisofmodernweBEBExperiences.

Gitee Pages STATIQUE Le déploiement du site Web a échoué: comment dépanner et résoudre les erreurs de fichier unique 404? Gitee Pages STATIQUE Le déploiement du site Web a échoué: comment dépanner et résoudre les erreurs de fichier unique 404? Apr 04, 2025 pm 11:54 PM

GiteEpages STATIQUE Le déploiement du site Web a échoué: 404 Dépannage des erreurs et résolution lors de l'utilisation de Gitee ...

Comment implémenter la disposition adaptative de la position de l'axe y dans l'annotation Web? Comment implémenter la disposition adaptative de la position de l'axe y dans l'annotation Web? Apr 04, 2025 pm 11:30 PM

L'algorithme adaptatif de la position de l'axe y pour la fonction d'annotation Web Cet article explorera comment implémenter des fonctions d'annotation similaires aux documents de mots, en particulier comment gérer l'intervalle entre les annotations ...

Comment utiliser CSS3 et JavaScript pour réaliser l'effet de la diffusion et de l'agrandissement des images environnantes après avoir cliqué? Comment utiliser CSS3 et JavaScript pour réaliser l'effet de la diffusion et de l'agrandissement des images environnantes après avoir cliqué? Apr 05, 2025 am 06:15 AM

Pour obtenir l'effet de la diffusion et de l'élargissement des images environnantes après avoir cliqué sur l'image, de nombreuses conceptions Web doivent obtenir un effet interactif: cliquez sur une certaine image pour faire les environs ...

HTML, CSS et JavaScript: outils essentiels pour les développeurs Web HTML, CSS et JavaScript: outils essentiels pour les développeurs Web Apr 09, 2025 am 12:12 AM

HTML, CSS et JavaScript sont les trois piliers du développement Web. 1. HTML définit la structure de la page Web et utilise des balises telles que, etc. 2. CSS contrôle le style de page Web, en utilisant des sélecteurs et des attributs tels que la couleur, la taille de la police, etc. 3. JavaScript réalise les effets dynamiques et l'interaction, par la surveillance des événements et les opérations DOM.

See all articles