css पर टैग किए गए जवाब

जैसे, मेरे पास यह है: <pre> sun<br/>     mercury <br/>     venus <br/>         earth <br/>         mars <br/>             jupiter <br/>     saturn <br/> </pre> कोड स्निपेट चलाएंपरिणाम छिपाएँस्निपेट का विस्तार करें और इस: <div style="font-family:monospace"> <div style="text-indent: 0">sun</div> <br/> <div style="text-indent: 4ch">mercury</div> <br/> <div style="text-indent: 4ch">venus</div> <br/> <div style="text-indent: 8ch">earth</div> <br/> <div style="text-indent: 8ch">mars</div> …

19 html  css  acid3 

मेरे पास overflow-xऔर overflow-yसेट के साथ एक सूची है auto। इसके अलावा, मैंने गति स्क्रॉल सेट किया है, इसलिए मोबाइल में टच स्क्रॉलिंग अच्छा काम करती है webkit-overflow-scrolling: true। हालाँकि, समस्या यह है कि मैं लंबवत स्क्रॉल करते समय क्षैतिज स्क्रॉल को अक्षम करने का तरीका नहीं जान सकता। यह …

17 javascript  html  css  angular  ionic-framework 

मैं ऊपर और नीचे एक छवि और पाठ के साथ एक मेनू प्रणाली बनाने की कोशिश कर रहा हूं। डेटा गतिशील है। मैं मेनू सिस्टम को प्रदर्शित करना चाहता हूं ताकि प्रत्येक छवि एक-दूसरे की छवि से समान दूरी पर हो ताकि वे क्षैतिज और लंबवत रूप से छवियों के …

17 html  css  flexbox 

मैं सीएसएस के साथ एक बिंदीदार सर्कल बनाना चाहता था और इसे निम्नलिखित प्रक्रिया के साथ बनाया। हालाँकि इस प्रक्रिया द्वारा धराशायी वृत्त को प्रदर्शित किया जा सकता है, लेकिन धराशायी रेखा के अंत और शुरुआत के बीच का अंतर संकीर्ण हो गया है, और अंतर समान नहीं था। .c …

16 javascript  html  css 

मेरे पास संख्याओं के साथ एक तालिका है। जब मैं तालिका में एक कक्ष पर क्लिक करता हूं, तो यह सक्रिय अवस्था को जन्म देता है। मैं एक सेल का चयन करना चाहता हूं और crtl को दबाकर दूसरे सेल का चयन करना चाहता हूं, और परिणामस्वरूप सेल पहले और …

16 javascript  html  css 

मैंने सामग्री-यूआईMyStyledButton पर आधारित एक कस्टम बटन ( ) लिखा है । Button import React from "react"; import { Button } from "@material-ui/core"; import { makeStyles } from "@material-ui/styles"; const useStyles = makeStyles({ root: { minWidth: 100 } }); function MyStyledButton(props) { const buttonStyle = useStyles(props); const { children, width, …

16 javascript  css  reactjs  jestjs  enzyme 

मैं CSS के साथ एक रोलर कोस्टर स्टाइल एनीमेशन बनाने की कोशिश कर रहा हूं। मैं जानना चाहता हूं कि जब लूप चरण में होता है तो "कोस्टर" को कैसे वक्र किया जाता है। मैं एक सभी सीएसएस समाधान के लिए खोज रहा हूँ, लेकिन अगर वहाँ जावास्क्रिप्ट की जरूरत …

15 html  css  css-animations  css-transforms 

मेरे पास निम्नलिखित स्निपेट (पूर्ण स्क्रीन मोड में देखने की आवश्यकता है), कि मैं <main>तत्व को सीधे तत्व के नीचे रखने की कोशिश कर रहा हूं <header>। मेरे पास <header>एक निश्चित स्थिति है क्योंकि मैं चाहता हूं कि यह स्क्रीन के शीर्ष पर रहे क्योंकि उपयोगकर्ता <main>तत्व में सामग्री के …

15 html  css  css-position  fixed 

एक पहलू अनुपात ग्रहण किए बिना, एक आइफ्रेम को उत्तरदायी कैसे बनाया जाए? उदाहरण के लिए, सामग्री में कोई चौड़ाई या ऊँचाई हो सकती है, जो रेंडर करने से पहले अज्ञात है। ध्यान दें, आप जावास्क्रिप्ट का उपयोग कर सकते हैं। उदाहरण: <div id="iframe-container"> <iframe/> </div> इसे आकार दें iframe-containerताकि …

14 javascript  html  css  iframe  responsive-design 

जब मैं अंतिम संख्या टाइप करता हूं , तो पहली संख्या अंदर जाती है text-box(यह गायब हो जाती है), यह एक अतिरिक्त स्थान जोड़ रहा है। मैं बाहर क्लिक करने के बाद text-boxयह अच्छा लग रहा है जो मुझे पिछले चरित्र टाइपिंग के दौरान चाहिए। #number_text { padding-left: 9px; letter-spacing: …

14 javascript  jquery  html  css 

मैं HTML तालिका पर काम कर रहा हूं और html-to-papervue.js का उपयोग करके प्रिंटर पर उस तालिका को प्रिंट कर रहा हूं, जो मैं कर रहा हूं वह एक नई पंक्ति बनाने के ऐड पर क्लिक करने पर है और फिर प्रिंट के क्लिक पर मैं तालिका को प्रिंट करने …

14 javascript  css  vue.js  printing  vuejs2 

क्रोम ब्राउज़र स्वत: भरण के प्रभाव से हटाया background-colorऔर background-imageसे UsernameऔरPassword इनपुट फ़ील्ड। स्वत: पूर्ण होने से पहले स्वत: पूर्ण होने के बाद लेकिन क्रोम ब्राउज़र स्वत: पूर्णता के मेरे आइकॉन को इनपुट्स से छिपा देता है और उसने मुझे बदल भी दिया है background-color। इसलिए मुझे अपने आइकॉन को …

13 javascript  html  css  google-chrome 

निम्नलिखित उदाहरण में, जब आप लेबल पर क्लिक करते हैं, तो इनपुट स्थिति बदल जाता है। document.querySelector("label").addEventListener("click", function() { console.log("clicked label"); }); label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } <input type="checkbox" id="1"> <label for="1">Label</label> कोड स्निपेट चलाएंपरिणाम छिपाएँस्निपेट का विस्तार करें क्रोम में, जब आप कर्सर …

13 javascript  html  css  label 

मुद्दा तरह है कि कुछ पत्र प्रतीत हो रहा है g, y, q, आदि एक पूंछ कि ढलानों नीचे की ओर, ऊर्ध्वाधर केंद्रित के लिए अनुमति नहीं देते हैं। यहाँ समस्या दिखाने के लिए एक छवि है । हरे बॉक्स में अक्षर मूल रूप से परिपूर्ण हैं, क्योंकि उनकी कोई …

12 javascript  html  css  vertical-alignment 

कृपया निम्न स्निपेट आज़माएँ और चलाएँ, फिर बॉक्स पर क्लिक करें। const box = document.querySelector('.box') box.addEventListener('click', e => { if (!box.style.transform) { box.style.transform = 'translateX(100px)' new Promise(resolve => { setTimeout(() => { box.style.transition = 'none' box.style.transform = '' resolve('Transition complete') }, 2000) }).then(() => { box.style.transition = '' }) } …

11 javascript  css  promise  settimeout