taglife
千年狐狸
千年狐狸
  • UID38488
  • 注册日期2012-03-20
  • 最后登录2013-04-02
  • 发帖数2052
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度1点
阅读:1011回复:3

問4個CSS样式意思?

楼主#
更多 发布于:2012-08-02 15:48
這4行CSS代表什麼意思?
.test{box-orient:horizontal}
.test{box-align:center}
.test{display:-moz-box}
@media all and (min-width:600px){.test{margin:0}}

前3行在 W3C CSS level 3 Validator 都驗證錯誤?!
box-orient, box-align 不是 CSS3 的東西嗎?
-moz-box 好像沒 box 寫法?
Firefox 開啟安全模式,停用個人設定、佈景主題及擴充套件(無附加元件)測試:
說明 > 重新啟動但停用附加元件(Firefox 4+)
Firefox Profile: 說明 > 疑難排解資訊 > 開啟資料夾
排版引擎:Firefox(Gecko), Opera(Presto), Google Chrome(WebKit),
Safari(WebKit), Internet Explorer(Trident), Konqueror(KHTML)
royallin
非常火狐
非常火狐
  • UID29014
  • 注册日期2009-05-31
  • 最后登录2016-12-07
  • 发帖数668
  • 经验46枚
  • 威望0点
  • 贡献值32点
  • 好评度0点
  • 社区居民
1楼#
发布于:2012-08-02 15:48
加上前缀moz

-moz-box-orient
-moz-box-align

论坛经常超时,让我情何以堪啊。。。我再发
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
2楼#
发布于:2012-08-02 15:48
前3个现在都为试验性质的要在前面加-moz-
第一个是设置弹性盒模型中子元素的排列方式为水平排列
第二个为设置弹性盒模型中子元素对齐方式为居中对齐
第三个为设置对象元素显示方式为弹性盒模型显示
第四个是所有媒体设备类型显示宽度最小为600px时,应用外边距为0px的规则
taglife
千年狐狸
千年狐狸
  • UID38488
  • 注册日期2012-03-20
  • 最后登录2013-04-02
  • 发帖数2052
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度1点
3楼#
发布于:2012-08-02 15:48
弹性盒模型 是做啥用的啊
-moz 前綴的是 Mozilla 私有的,在 W3C 不可能會通過...
errors (3):
1 .test Property box-orient doesn't exist : horizontal
2 .test Property box-align doesn't exist : center
3 .test Value Error : display -moz-box is not a display value : -moz-box
Firefox 開啟安全模式,停用個人設定、佈景主題及擴充套件(無附加元件)測試:
說明 > 重新啟動但停用附加元件(Firefox 4+)
Firefox Profile: 說明 > 疑難排解資訊 > 開啟資料夾
排版引擎:Firefox(Gecko), Opera(Presto), Google Chrome(WebKit),
Safari(WebKit), Internet Explorer(Trident), Konqueror(KHTML)
游客

返回顶部