CSS


Firefox中强制单元格内容换行

今天在改网站后台的一个表格,里面有个MD5字段,由于页面宽度有限,表格需要换行。于是我给单元格加了如下的规则: word-wrap: break-word; width: 120px;  结果IE里是好的: Firefox中没有任何变化: 后来发现需要给表格(table)元素加个属性: table-layout: fixed;  现在,Firefox下,表格的单元格就可以自动换行了,不过和IE的效果还是稍微有点差别,有些细节的兼容问题避免不了: table-layout属性在W3C的说明中如下: The table-layout property controls the algorithm used to lay out the table cells, rows, and columns. Values auto | …


CSS两列布局,左边自适应,右边固定

废话不多说,直接上代码,大家自己看一下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Layout</title> <style type="text/css"> *{ margin:0;padding:0 } .wrap { …