HAML：表格的宽度不起作用

问题描述：

没有从这不起作用。当我输入大文本表格时，会出现右侧横向导航。HAML：表格的宽度不起作用

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%;}

答

你真的要设置的风格，而不是HTML属性

试试这个：

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

你实际上创造的是：

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

，你应该创建：

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

当然

，使用类和CSS效果会更好，但是这将解决杀到。

这是因为我用过这样的东西__％table.classname {：cellpadding => 5，：cellspacing => 5，：border =>'1'} __。你知道cellpadding和cellpacing不是CSS的一部分。但是，无论如何，你的解决方案不适合我:(表列仍然是广泛的。我做了 **％th {：style =>“width：200px”;} Name ** and nothing。 – TiSer

这是正确的方法在Haml中这样做你的问题现在在CSS中 –

所以新手错误:(我有测试文本例如“aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa ...”没有任何空格，并且因为它横向导航appeaps。谢谢Jesse！:) – TiSer

HAML：表格的宽度不起作用

相关推荐