Comment définir de style en ligne pour l'élément en HAML

Voici mon code:

<div class='some' style='position: absolute; left: 300; top: 300;'>..</div>

Il analyse uniquement style='position: absolute', et de ne pas analyser les autres styles. Comment puis-je y parvenir?

  • La réponse donnée est la bonne, mais il manquait un beaucoup plus point important: vous ne devriez jamais utiliser des styles en ligne. Définir une classe CSS et le faire bien.
  • C'était une solution temporaire 🙂 essayer quelque chose de clair et toutes les modifications. C'est pourquoi j'ai été à la recherche pour cela 🙂
  • Quel sujet lorsque vous êtes à la définition dynamique d'une image de fond? C'est lorsque j'utilise des styles en ligne.
InformationsquelleAutor ValeriiVasin | 2011-11-11
  1. 117

    Il aurait été utile si vous avais posté le HAML que vous utilisez, mais c'est la façon dont c'est fait:

    %div.some{ :style => "position: absolute; left: 300px; top: 300px;" }
    • Il est intéressant de noter qu'il ne peut y avoir un espace entre l'extrémité de l'élément ou le nom de la classe et l'accolade d'ouverture.
    InformationsquelleAutor Dan Cheail
  2. 8

    Pas besoin d'utiliser %div:

    .some{ style: 'position: absolute; left: 300px; top: 300px;' }
    InformationsquelleAutor アレックス
  3. 3

    Une autre approche, en plus de la table de hachage, un par Dan Cheail est telle:

    %div.some(style='position: absolute; left: 300; top: 300;')
    InformationsquelleAutor Vitaliy Yanchuk
  4. 1

    Si vous êtes à la recherche du css pour les images :

    <%= image_tag( 'image_name.png', style: 'height: 25px; width: 200px; position: absolute' ) %>
    InformationsquelleAutor Manoj Thapliyal
  5. -1

    Demandé un hachage cas particulier à: https://github.com/haml/haml/issues/787 afin de nous permettre d'écrire:

    %div{ style: { display: "none", width: "50px" } }

    beaucoup comme est possible pour class: ["class1", "class2"].

    • Downvoting parce que ce n'est pas une réponse à la question. C'est juste une déclaration que vous avez fait une demande de fonctionnalité pour cette syntaxe.
    • merci pour le feedback. Mon intention était de dire: "cette question confirme que la parfaite la plus intuitive, la syntaxe n'est pas possible, nous allons upvote il".
    • Bien sûr, je le conçois. Je pense que ça aurait fait un beau commentaire, au lieu d'une réponse. Comme il est, si un utilisateur qui a été la numérisation de réponses ne cliquez pas sur le lien et voir le résultat de votre demande, ils peuvent avoir l'impression qu'il a été effectivement mis en œuvre, et vous montrer un exemple de la nouvelle syntaxe comme une solution, mais il n'a pas été acceptée.
    InformationsquelleAutor Ciro Santilli 新疆改造中心法轮功六四事件