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按鈕標籤

回答

相關問題