Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    elementi sulla stessa riga

    Ciao ho bisogno ancora di un vostro aiutino.
    Ho un box contenitore dove all'interno ha tanti tag link che devo essere tutti sulla stessa riga ma quando arriva alla fine del box contenitore i link vanno d'accapo mentre vorrei che continuassero sulla stessa riga, ho fatto cosi:

    codice HTML:
    <style>
    .container {
    overflow: hiddwn;
    width:100%
    }
    
    .container a {
    width: 150px;
    height: 100px;
    display: inline-block;
    }
    </style>
    
    <div class="container">
    <a href="">...</a>
    <a href="">...</a>
    <a href="">...</a>
    <a href="">...</a>
    <a href="">...</a>
    <a href="">...</a>
    <a href="">...</a>
    <a href="">...</a>
    <a href="">...</a>
    </div>
    ma come detto alla fine del box contenitore vanno a capo i link mentre devo proseguire sulla stessa riga

  2. #2
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    319
    No è ben chiaro cosa stai cercando realizzare, sembra una sorta di menu.

    codice:
     .container {
                display: flex;
                width: 100%
            }
    
            .container a {
                width: 100%;
                height: 100px;
            }

  3. #3
    Quote Originariamente inviata da ninja72 Visualizza il messaggio
    No è ben chiaro cosa stai cercando realizzare, sembra una sorta di menu.

    codice:
     .container {
                display: flex;
                width: 100%
            }
    
            .container a {
                width: 100%;
                height: 100px;
            }
    Se al contenitore gli do flex come display quando i link arrivano alla fine del box vanno a capo, già testato

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.