Float desktop vers mobile

bonjour
Comment adapter les 2 cellules d un float aligner horizontalement pour lorsque les 2 cellules ne peuvent s aligner horizontale quelles s 'alignent verticalement avec un espace dynamique a droite a gauche .
Il est dis en anglais que une cellule en float ( display block par défaut) doit avoir un width mais un % répond t il à cette règle ?
-metttre pour les 2 cellules un float:none display:block avec margin-left/right : auto ?
-mettre l une des cellules avec le même float que l autre et ajouter margin sur les 2 cellules ?

Modifié par 75lionel (29 Feb 2016 - 23:12)

La première solution est la bonne. On peut aussi le faire en flex. De toute manière il faudra passer par les media queries. Mais il suffit de tester non ?
Modifié par Olivier C (03 Mar 2016 - 19:55)

si je ne change le float lors du passage de la taille desktop vers mobile ; existe t il un moyen ( en css ) de centrer une ligne d item en float:left ? ( donc le nombre d items par ligne change progressivement du mode desktop a mobile 4-> 3 ->2 ->1 ) .

La seule solution est de modifier la marge du container parent ( padding OU marging ? ) de ces items avec calc() mais est possible ?

Si pas possible en css y a t il une solution javascript ? Je pense a javascript avec resize event associer a API pour changer selectionner la valeur d 'une propriété du selecteur du container !!


Modifié par 75lionel (05 Mar 2016 - 23:22)