Question

我试图通过调用Web2Py中的<style>来获取设置CSS {{=IMG()}}的基本语法。我尝试过以下方法：

 <style>img.bottom { vertical-align: text-bottom; } </style>
 <body>
     {{=IMG(_src=URL('static',args='images/golem.jpg', _style='img.bottom'),_alt="golem"}}
 </body>

失败

 <body>
     {{=IMG(_src=URL('static',args='images/golem.jpg', styles={'CODE':'vertical-align: text-bottom;'}), _alt="golem")}}
 <body>

也失败了

 <style>img.bottom { vertical-align: text-bottom; } </style>
 <body>
      {{=IMG(_src=URL('static',args='images/golem.jpg'), _style='bottom',_alt="golem"}}
 </body>

也失败了

 <style>img.bottom { vertical-align: text-bottom; } </style>
 <body>
      {{=IMG(_src=URL('static',args='images/golem.jpg'), _class='bottom',_alt="golem"}}
 </body>

也失败了

我觉得我必须接近，但我无法在文档中找到IMG()样式的论据，而我似乎无法覆盖（非）样式。现在。

Just in case anyone wants to see the Web2Py docs where the answer is not

Answer 1

你可以这样做：

{{=IMG(_src=URL('static', 'images', args='golem.jpg'), _alt='golem',
       _style='vertical-align: text-bottom')}}

或：

<style>img.bottom {vertical-align: text-bottom;}</style>
{{=IMG(_src=URL('static', 'images', args='golem.jpg'), _alt='golem',
       _class='bottom')}}

如文档中所述here：

以下划线开头的命名参数被解释为HTML标记属性（没有下划线）。

虽然本书没有具体显示使用{_ 1}}的“_style”或“_class”参数的示例，但是有很多“_class”参数的示例以及与之一起使用的其他HTML属性其他HTML助手。

Answer 2

虽然工作，但我不喜欢它。这很难看，我不接受它作为答案。只是想给出一个解决方法，以防其他人明年找到这个（未答复的）。

 <style> img.bottom { vertical-align: text-bottom; } </style>
 <body>
     <img src={{=URL('static','images',args='golem.jpg')}} alt="golem"class=bottom>
 </body>

Web2Py IMG中的CSS样式（）

2 个答案: