HAML:表列的宽度不起作用

发布于 2024-12-10 20:07:28 字数 621 浏览 0 评论 0原文

没有什么不工作。当我输入大型文本表时,会向右深入并出现水平导航。

index.haml

%table{:border => 1, :width => "100%"}
  %tr
    %th{:width => "200"} Name
    %th.edit Edit

  - @wallpapers.each do |wallpaper|
    %tr
      %td.name= wallpaper.name
      %td= link_to (image_tag wallpaper.thumb.url(:thumb)), edit_wallpaper_path(wallpaper)
      %td= button_to 'Delete', wallpaper_path(wallpaper), :confirm => 'Are you sure you want to delete this wallpaper?', :method => :delete

style.css

th.edit {width:20%;}
td.name {width:20%;}

Nothing from this not working. When I typing large text table going deep right and horizontal nav appears.

index.haml

%table{:border => 1, :width => "100%"}
  %tr
    %th{:width => "200"} Name
    %th.edit Edit

  - @wallpapers.each do |wallpaper|
    %tr
      %td.name= wallpaper.name
      %td= link_to (image_tag wallpaper.thumb.url(:thumb)), edit_wallpaper_path(wallpaper)
      %td= button_to 'Delete', wallpaper_path(wallpaper), :confirm => 'Are you sure you want to delete this wallpaper?', :method => :delete

style.css

th.edit {width:20%;}
td.name {width:20%;}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

内心荒芜 2024-12-17 20:07:28

你确实想设置样式,而不是 html 属性

试试这个:

%table{:style=>"border: 1px; width: 100%"}

你实际创建的是:

<table border="1" width="100%">

你应该创建:

<table style="border: 1px; width: 100%">

当然,使用类和 CSS 会更好,但这将解决眼前的问题。

You really want to set the style, not html attributes

Try this:

%table{:style=>"border: 1px; width: 100%"}

What you're actually creating is:

<table border="1" width="100%">

And you should be creating:

<table style="border: 1px; width: 100%">

of course, using classes and CSS would be better, but this will solve immediate concern.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文