CakePHP .actions按钮标签

我最近开始在CakePHP中编写代码，并且喜欢它提供的快速简单的界面框架。我有一个模型有一个很长的名字，它导致用Action按钮的UI问题。当我处于模型的CRUD索引页面时，锚标签内的文本显示在用于制作按钮的背景图像之外。这里是一个链接到什么我谈论的截图...CakePHP .actions按钮标签

http://imgur.com/xLD7Z3v

有谁知道如何修改CSS这使得它会自动换行必要？

编辑Nunuser：这里是按钮的HTML代码：

<div class="actions"> 
    <h3>Actions</h3> 
    <ul> 
     <li><a href="https://stackoverflow.com/users/add">New User</a></li> 
     <li><a href="/user_types">List User Types</a></li> 
     <li><a href="/user_types/add">New User Type</a></li> 
     <li><a href="/user_statuses">List User Statuses</a></li> 
     <li><a href="/user_statuses/add">New User Status</a></li> 
     <li><a href="/region_program_offices">List Region Program Offices</a></li> 
     <li><a href="/region_program_offices/add">New Region Program Office</a></li> 
    </ul> 
</div>

这里是按钮的CSS样式：

.actions li { 
    list-style-type:none; 
    margin:0 0 0.5em; 
    padding:0; 
    white-space:nowrap; 
} 
cake.generic.css 
* { 
} 
cake.generic.css 
ul, li { 
    margin:0 12px; 
} 
cake.generic.css (line 66) 
Inherited frombody 
body { 
    font-family:'lucida grande', verdana, helvetica, arial, sans-serif; 
    font-size:90%; 
}

来源

2013-05-03 crewsblackhole

我从屏幕截图猜测，该视图已烘烤，并使用的CSS是默认值。为了使它更容易帮助你，请检查该按钮的代码（使用萤火虫或类似的），并将该按钮的当前css作为[编辑]（http://stackoverflow.com/posts/16366165/edit）发布到您的题。 – Nunser 2013-05-03 19:29:27

默认的样式表被称为cake.generic.css，位于在app/webroot/css/。删除white-space: nowrap;从.actions li在498行。

来源

2013-05-04 20:09:30

我尝试使用max-width参数编辑cake.generic.css中的许多不同的CSS条目，但所有这些仅影响按钮式背景图像的宽度，而不是文本。你有没有想要编辑的特定行？ – crewsblackhole 2013-05-07 10:32:08

我检查了CSS并更新了我的答案。 – 2013-05-07 11:22:07

就是这样！谢谢：） – crewsblackhole 2013-05-07 15:00:09

CakePHP .actions按钮标签

回答

相关问题