Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Problem z szerokoscią Input

Chcesz wiedzieć jak sterować wyglądem strony za pomocą styli? Tutaj dowiesz się jakie możliwości ma CSS i jak poprawnie go stosować, aby uzyskać zamierzone efekty. Dowiesz się jakie nowości udostępniono w CSS3 i jak z nich korzystać.

Problem z szerokoscią Input

Post 04.01.2018, 16:13:09

Jak zrobić coś takiego: input zajmuje 100% dostępnego miejsca, ale jeśli za pomocą JS zmienie szerokość diva.right to chcę aby input się dostosował do otrzymanej szerokości (czyli pomniejszy o szerokość diva.right)
Kod: Zaznacz cały
<!DOCTYPE html>
<html>

<head>
  <style>
    body {
      font-family: "Lato", sans-serif;
    }

    .inp {
      width: 100%;
    }

    .container {
      position: relative;
    }

    .left {}

    .right {
      position: absolute;
      right: 0px;
      top: 0px;
      width:0px;
      float: right;
    }
  </style>
</head>

<body>
  <div class="container">
    <div class="left">
      <input class="inp" type="text" name="a" id="a">
    </div>
    <div class="right">right</div>
  </div>
</body>
</html>



Potrzebne coś jak to minimalnym nakładem
https://codepen.io/marclloyd77/pen/gtypB
baholeoko
Posty: 1
Dołączył(a): 04.01.2018

Re: Problem z szerokoscią Input

Post 10.01.2018, 01:43:48

Kod: Zaznacz cały
 body {
            font-family: "Lato", sans-serif;
        }

        .inp {
            width: 100%;
        }

        .container {
            display: flex;
            flex-wrap: nowrap;
        }

        .left {
            width: 100%;
        }

        .right {}


dla klasy ".right" możesz nadawać dowolną szerokość input dostosuje się automatycznie.
QuakeR
Posty: 5
Dołączył(a): 28.08.2017


Powrót do CSS


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 2 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 51441 zarejestrowanych użytkowników.
Najnowszy użytkownik: jonman65


Nasi użytkownicy napisali:

  • 937632 wiadomości
  • w 247394 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)