Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you may not be able to execute some actions.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

Width div

K
kalena last edited by

There's a word, we've got to stretch it in the width. div You can change. letter-spacing But the rubber block, how to pick it up, it doesn't make sense. Is it possible to decide on CSS without scruples and not to break the word into elements?
Reply Quote 0
1 Reply Last reply

Jolied

Each letter wears span and text-align: justify;

e.g.:

 <div style="text-align: justify;">
 <span>С</span><span>л</span><span>о</span><span>в</span><span>о</span>
 </div>

2
Posts

0
Views

Suggested Topics

D

Width div in content
Software Programming • html cs • • derk

2

0
Votes

2
Posts

0
Views

As has been said, either inline-block or inline, if div-vous needs blank properties, display: inline-block;but there is still a need to be asked vertical-align: top; I don't know if the block didn't move down when the content was added. In fact, you can practice yourself, almost every browser has a developer, fireFox writes the attribute, and then turns around, it just doesn't apply to newcomers, you can see how the elements act.
<div>Centralize the string in the upper and lower</div>
Software Programming • html html5 • • Analeea

2

0
Votes

2
Posts

0
Views

D

styledisplay: table-cell;Add(※ s3)
R

How to assign key input to div element in div
Software Programming • javascript html jquery html5 • • Rossere

2

0
Votes

2
Posts

0
Views

C

Mozilla.org https://developer.mozilla.org/ja/docs/Web/API/KeyboardEvent#auto-repeat_handling However, it seems that it is different depending on the browser.There aren’t so many people, but the old articles are noticeable. I think it is good to verify what is happening in the version above once. http://shain.blog.conextivo.com/2007/03/javascript.html
J

Disable button Back Behind the browser or ask when pressing
Software Programming • javascript html navegador web • • juvenalb

2

0
Votes

2
Posts

0
Views

G

To do the function .onbeforeunload You must put a sentence to confirm the user.window.onbeforeunload = function() { return "¿Quieres abandonar este Sitio?"; };
Add divs around another div
Software Programming • javascript html jquery css • • Laycee

2

0
Votes

2
Posts

0
Views

C

First we assign a position absoluta for all elements .container > {position: absolute; to then be able to manipulate and apply them a basic transformation rotación and traslaciónin addition to applying some additional properties such as border-radius to give it circle style among others. Remember that the grades applicable to rotation may vary depending on the elements you have, (360/cantidadelementos) = TotalGradosaplicables in my example are 6 elements would be = 60 degrees applicable, .container > * { position: absolute; top: 200px; left: 50%; width: 70px; height: 70px; border-radius: 50% !important; padding-top: 20px !important; font-size: 16px !important; } .padre{ width:120px; height: 120px; left: 48%; top: 180px; padding:40px !important; font-size:30px !important; } .container > :nth-of-type(1) { transform: rotate(0deg) translate(10em) rotate(0deg); } .container > :nth-of-type(2) { transform: rotate(60deg) translate(10em) rotate(-60deg); } .container > :nth-of-type(3) { transform: rotate(120deg) translate(10em) rotate(-120deg); } .container > :nth-of-type(4) { transform: rotate(180deg) translate(10em) rotate(-180deg); } .container > :nth-of-type(5) { transform: rotate(240deg) translate(10em) rotate(-240deg); } .container > :nth-of-type(6) { transform: rotate(300deg) translate(10em) rotate(-300deg); }<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css?v=1"> <div class="container"> <div class="btn btn-success"> <b>D</b> </div> <div class="btn btn-success"> <b>D</b> </div> <div class="btn btn-success"> <b>D</b> </div> <div class="d btn btn-success"> <b>D</b> </div> <div class="btn btn-success"> <b>D</b> </div> <div class="btn btn-success"> <b>D</b> </div> <div class="padre btn btn-primary"> <b>G</b> </div> </div>
How to order an array in PHP
Software Programming • php html array ldap • • Analeea

2

0
Votes

2
Posts

0
Views

E

O https://www.php.net/manual/pt_BR/function.sort.php in this case is not the recommended, use https://www.php.net/usort which has a function to specify which element you want to make the ordering in the case is the name and with the function https://www.php.net/manual/pt_BR/function.strcmp.php that compares string, example:usort($info, function($a, $b) { return strcmp($a['displayname'][0], $b['displayname'][0]); }); https://ideone.com/Oq0a4q Note: This event is before showing the information on the screen, in your case before the foreach, example:// primeiro ordena usort($info, function($a, $b) { return strcmp($a['displayname'][0], $b['displayname'][0]); }); // depois mostra o resultado foreach ($info as $key) {
A

Two div of the same size and size that depends on the div that has more content
Software Programming • css3 • • amarantha

2

0
Votes

2
Posts

0
Views

T

What you're looking for is FlexBox. Just put it on. display:flex to your section and div lower height will be automatically adapted to the highest altitude:#a, #b { float: left; border: 1px solid; } section { width: 75%; margin: 0 auto; display:flex; }<section> <div id="a"> gdaskgdsadgsjagdsajvd </div> <div id="b"> zzzzzzzzzzzzzzzzzzzzzzzzzzz <P>aaaaaaaaaaaa</p> </div> </section>
K

Div inside another div. [DOM]
Software Programming • javascript html • • Kadir

2

0
Votes

2
Posts

0
Views

D

You've done almost everything.You've done almost all the work. You just have to change some things.For example, add in your code JavaScript the following line:const impostores = document.querySelector(".impostores"); To refer to the element HTML which contains the class impostores and then place it in:jugadores.forEach(function() { ... impostores.append( div ); }); Let's see this working on the next Demo using the same code you used, but with a minimum change I've commented:// Hacemos referencia al elemento que contiene la clase // «impostores»: const impostores = document.querySelector(".impostores"); let jugadores = [ { nombre: "Vladi", id: "rojo" }, { nombre: "Melen", id: "azul" }, { nombre: "Gabri", id: "verde" }, { nombre: "Lucia", id: "amarillo" }, { nombre: "Brian", id: "morado" }, { nombre: "Jesús", id: "turquesa" }, { nombre: "David", id: "rosa" }, { nombre: "Dario", id: "negro" }, { nombre: "Mario", id: "blanco" } ]; jugadores.forEach(function(jugador) { let div = document.createElement("div"); div.textContent = jugador.nombre; div.className = "impostor"; div.id = jugador.id // Agregando cada impostor al elemento que contiene // la clase impostores: impostores.append(div); });<div class="tabla"> <div class="impostores"></div> </div>If from the Web browser you inspect the items that contain the class impostor you can see that they have actually been inserted into the element with the class impostores.
G

Collect width "width" <option> on a select label</option>
Software Programming • jquery css html5 bootstrap css3 • • guilherme

2

0
Votes

2
Posts

0
Views

Y

It is not possible with a native select to have tags <option> with word-wrap, the CSS that affect them are very limited (response https://es.stackoverflow.com/questions/151164/asignar-a-un-elemento-option-de-un-select-la-regla-overflow-x/151168#151168 ). You can reduce the size of the select so that it doesn't occupy that much, but the options will remain long. Even a tag like <br/> in the body will be ignored:select { width: 100px; } option { width: 150px; white-space:pre-wrap; word-wrap: break-word; }<div id="something" style="width:500px"> <select class="form-control valid" data-val="true" data-val-number="El campo Acto Sujeto a debe ser un número." id="IdActo" name="IdActo" aria-describedby="IdActo-error" aria-invalid="false"><option value="">Seleccionar</option> <optgroup label="Actos"> <option value="1">Esta es una opción muy larga </option> <option value="2">En un lugar de la Mancha de cuyo nombre no quiero acordarme, <br/> no ha mucho tiempo que vivía...</option> </select> </div>The only solution would be to cut the texts when they exceed a certain length or show them with a custom-made, non-native "dropdown":$("ul").on("click", ".init", function() { $(this).closest("ul").children('li:not(.init)').toggle(); }); var allOptions = $("ul").children('li:not(.init)'); $("ul").on("click", "li:not(.init)", function() { allOptions.removeClass('selected'); $(this).addClass('selected'); $("ul").children('.init').html($(this).html()); allOptions.toggle(); });ul { height: 30px; width: 250px; border: 1px #000 solid; border-radius: 10px; list-style-type: none; padding-left: 10px; } ul li { padding: 5px 5px; z-index: 2; overflow-x: auto; word-break: normal} ul li:not(.init) { float: left; width: 250px; display: none; background: #ddd; } ul li:not(.init):hover, ul li.selected:not(.init) { background: #09f; } li.init { cursor: pointer; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul class="list-unstyled"> <li class="init">Selecciona una opción</li> <li data-value="value 1">Option 1 con un texto largo que produce saltos</li> <li data-value="value 2">Option 2</li> <li data-value="value 3">Option 3</li> </ul>
R

Strict comparison in min-width and max-width
Software Programming • css media queries • • Raziyah00

2

0
Votes

2
Posts

0
Views

A

The target decides the use of the denial operator for the second media request.@media not all and (max-width: 1000px) { /* ... */ }
N

ScrollTop isn't working correctly.
Software Programming • html jquery css • • nishika

2

0
Votes

2
Posts

0
Views

K

You probably wanted to check it out for the event of the cloth, not just the event. $(document).ready♪$(document).ready(function(){ $(window).scroll(function() { if($(document).scrollTop() > 500){ $(".fading").animate({opacity:1},2000); } }); $(window).scroll(); });
D

How do we solve the problem of calculating the height of the elements?
Software Programming • javascript html jquery • • derk

2

0
Votes

2
Posts

0
Views

R

Code inside $(document).ready() will be carried out immediately after DOM is ready without waiting for complete download of the images. You'll. $(window).on('load', function () {}) the code written inside the structure will start when all DOMs are ready, including images.
Change padding-bottom with div element
Software Programming • javascript html cs • • inna

2

0
Votes

2
Posts

0
Views

K

by JQuery.$('.col-3 div').css('padding-bottom','')
C

Spread some div into div 100% cs
Software Programming • javascript html cs • • charlenef

2

0
Votes

2
Posts

0
Views

B

For a parent with a class .time Ask your properties. display: flexand for subsidiary classes child properties flex-grow: 1;Outcome.time { display: flex; width: 100%; height: 20px; background: #ccc; } .child { flex-grow: 1; height: 100%; background: red; border-right: 1px solid; display: inline-block; }<div id="glob" class="time"> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> </div>
Element after overflow
Software Programming • html cs • • Alberto

2

0
Votes

2
Posts

0
Views

F

Because he's getting his bottom on the base line of the text..one { overflow: hidden; width: 50px; display: inline-block; vertical-align: top; } .two { display: inline-block; }<a href="" class="one">Тест</a> <a href="" class="two">Тест1</a>

Width div

Suggested Topics

Width div in content Software Programming • html cs • • derk

<div>Centralize the string in the upper and lower</div> Software Programming • html html5 • • Analeea

How to assign key input to div element in div Software Programming • javascript html jquery html5 • • Rossere

Disable button Back Behind the browser or ask when pressing Software Programming • javascript html navegador web • • juvenalb

Add divs around another div Software Programming • javascript html jquery css • • Laycee

How to order an array in PHP Software Programming • php html array ldap • • Analeea

Two div of the same size and size that depends on the div that has more content Software Programming • css3 • • amarantha

Div inside another div. [DOM] Software Programming • javascript html • • Kadir

Collect width "width" <option> on a select label</option> Software Programming • jquery css html5 bootstrap css3 • • guilherme

Strict comparison in min-width and max-width Software Programming • css media queries • • Raziyah00

ScrollTop isn't working correctly. Software Programming • html jquery css • • nishika

How do we solve the problem of calculating the height of the elements? Software Programming • javascript html jquery • • derk

Change padding-bottom with div element Software Programming • javascript html cs • • inna

Spread some div into div 100% cs Software Programming • javascript html cs • • charlenef

Element after overflow Software Programming • html cs • • Alberto

Width div in content
Software Programming • html cs • • derk

<div>Centralize the string in the upper and lower</div>
Software Programming • html html5 • • Analeea

How to assign key input to div element in div
Software Programming • javascript html jquery html5 • • Rossere

Disable button Back Behind the browser or ask when pressing
Software Programming • javascript html navegador web • • juvenalb

Add divs around another div
Software Programming • javascript html jquery css • • Laycee

How to order an array in PHP
Software Programming • php html array ldap • • Analeea

Two div of the same size and size that depends on the div that has more content
Software Programming • css3 • • amarantha

Div inside another div. [DOM]
Software Programming • javascript html • • Kadir

Collect width "width" <option> on a select label</option>
Software Programming • jquery css html5 bootstrap css3 • • guilherme

Strict comparison in min-width and max-width
Software Programming • css media queries • • Raziyah00

ScrollTop isn't working correctly.
Software Programming • html jquery css • • nishika

How do we solve the problem of calculating the height of the elements?
Software Programming • javascript html jquery • • derk

Change padding-bottom with div element
Software Programming • javascript html cs • • inna

Spread some div into div 100% cs
Software Programming • javascript html cs • • charlenef

Element after overflow
Software Programming • html cs • • Alberto