FineUI 官方论坛

标题: 如何让Top和Bottom的工具条居中（Toolbar居中必看） [打印本页]

---

作者: sanshi    时间: 2013-1-16 09:16
标题: 如何让Top和Bottom的工具条居中（Toolbar居中必看）

刚才帮一位网友调程序时，发现他用如下方法把底部工具条居中：

1. <x:Toolbar runat="server">
   
2.                 <Items>
   
3.                     <x:ToolbarText CssStyle="margin-left:100px;" runat="server" Text="内联菜单">
   
4.                     </x:ToolbarText>
   

复制代码

也就是设置第一项的左侧边距，这样做太不文艺了。而且是硬编码的值，当面板大小改变时就不居中了。

有没有简单易用的办法，当然是有的了，只需要在页面添加如下CSS即可：

1. <style>
   
2.         .x-toolbar-left table
   
3.         {
   
4.             margin: 0 auto;
   
5.         }
   
6.     </style>

复制代码

效果图：
[attach]1642[/attach]

---

作者: 不思议手    时间: 2013-1-16 09:45
确实是有这个需求，支持了~

---

作者: 不思议手    时间: 2013-1-17 03:15
三石兄，如果设置为Footer,你这个按钮又如何居中呢，用上面那个不行。

---

作者: sanshi    时间: 2013-1-17 05:27

不思议手 发表于 2013-1-17 03:15
三石兄，如果设置为Footer,你这个按钮又如何居中呢，用上面那个不行。

Footer有另一个属性：FooterBarAlign

---

作者: 不思议手    时间: 2013-1-17 07:20

sanshi 发表于 2013-1-17 05:27
Footer有另一个属性：FooterBarAlign

嗯嗯，这个必须在Window里设置了

---

作者: GardeniaHong    时间: 2013-1-17 09:56
mark标记

---

作者: 水木山人    时间: 2013-1-21 21:10
mark，留待以后用。

---

作者: 天使也掉毛儿    时间: 2013-7-24 21:05
mark 标记

---

作者: 蒙奇.D.二毛    时间: 2013-8-6 17:22
mark，留待以后用。

---

作者: binban    时间: 2013-8-13 08:39

mark，留待以后用

---

欢迎光临 FineUI 官方论坛 (https://www.fineui.com/bbs/)

Powered by Discuz! X3.4