文档中心

<html>
<head>
<mce:style type = "text/css"></mce:style><style type = "text/css" mce_bogus="1">table
{
border-collapse:collapse;
}
td
{
border:solid 1px black;
}
</style>
</head>
<body>
<table>
<tr>
<td>111</td><td>222</td><td>333</td>
</tr>
<tr>
<td>444</td><td>555</td><td>666</td>
</tr>
<tr>
<td>777</td><td>888</td><td>999</td>
</tr>
</table>
</body>
</html>
......

<html>
<head>
<mce:style type = "text/css"></mce:style><style type = "text/css" mce_bogus="1"> div
{
overflow-y:scroll;
height:200;
overflow-x:scroll;
width:200;
}
</style>
</head>
<body>
<div>
<table border=1 width=300>
<mce:script type="text/javascript"></mce:script>
</table>
</div>
</body>
</html>

需要写在div中
overlow-y: scroll;
原理：强制显示ie的垂直滚动条，而忽略水平滚动条
overflow-y: auto
原理：垂直滚动根据内容自适应 ......

趁周末想折腾一下嵌入ASP.NET的WinForm程序
需要用到WebBrowser控件的HTML源码读写
就把以前的一些代码片断移值到C#下
顺便发个帖子备忘，呵呵

思路其实很简单，直接通过document.documentElement.outerHTML
或者使用IPersistStreamInit接口直接对流进行处理
前者我就不废话了，后者实现方法如下

首先是写入HTML到已初始化的WebBrowser控件
初始化可以通过Navigate("about:blank")完成
必须确保WebBrowser.Document != null
否则应该推迟到DocumentComplete事件再读写

UCOMIStream stream = null;

CreateStreamOnHGlobal(Marshal.StringToHGlobalUni(value), true, out stream);

if(stream != null)

{
    IPersistStreamInit persistentStreamInit =
      (IPersistStreamInit)WebBrowser.Document;

    persistentStreamInit.InitNew();
    persistentStreamInit.Load(stream);
    persistentStreamInit = null;
}

UCOMIStream是C ......

一、需求：将HTML转PDF打印。Web项目中总是有这样的需求，很是让人苦恼。
二、分析：如何完成这个工作？
1、需要解析HTML，然后利用itextsharp绘制pdf文档。解析HTML是一个很难完成的任务，各个浏览器对HTML的解析五花八门就知道这不好解决。这条路不好走，但也是可以完成的，通过webbrowser类可以解析HTML获取各对象的位置，然后绘制到pdf中。方法是可行，其中的复杂度不小。
2、将HTML保存为图片，然后插入到pdf文档中，这里将介绍这种方法。随之而来的问题：如何将HTML保存为图片呢？
三、解决办法：
1、将HTML保存为图片：需要用到webbrower类，将指定的HTML载入webbrower，然后调用其DrawToBitmap方法获取图片。代码如下：
private System.Drawing.Bitmap bitmap;
    private string url;
    private int w = 760, h = 900;//A4纸张对应的分辨率大概就是760*900
    public void setBitmap()
    {
        using (WebBrowser wb = new WebBrowser())
        {
       & ......

1.avi格式
代码片断如下：
<object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
<param name="ShowDisplay" value="0">
<param name="ShowControls" value="1">
<param name="AutoStart" value="1">
<param name="AutoRewind" value="0">
<param name="PlayCount" value="0">
<param name="Appearance value="0 value=""">
<param name="BorderStyle value="0 value=""">
<param name="MovieWindowHeight" value="240">
<param name="MovieWindowWidth" value="320">
<param name="FileName" value="/Mbar.avi">
<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename="/Mbar.avi" src="Mbar.avi">
</embed>
</object>
2.mpg格式
代码片断如下：
<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239" heig ......

IE的问题：
一.双边距问题
浮动元素的外边距会加倍，但与第一个浮动元素相邻的其他浮动元素外边距不会加倍。
解决方法：在此浮动元素增加样式  display:inline;
二.图片产生的间隙
父元素直接包含<img>，这个图片下方会和父元素边缘产生间隙。
解绝方法：1.在源代码中让</div>和<img>在同一行，因为那个间隙是由换行符产生的。
            2.给<img>添加样式  display:block;
三.最小高度问题
块元素最小高度为10px，当高度定义小于10px时，仍为10px;
解决方法：为此块元素添加样式  overflow:hidden; 或让此款块元素的字体大小等于此会元素的高度。
四.列表的li为浮动，则列表后面的元素不能换行的问题
列表的li为浮动，则列表后面的元素不能换行。
解决方法：为这个ul定义合适的高或给包含这个ul 的父div定义合适的高。
五.子元素的上下外边界问题（父元素没有定义高度时）
在父元素没有定义高度时，子元素的上下外边界和父元素上下外边界叠加，并且显示在父元素外面。
解决方法：给父元素定义内边距或边框。
fir ......

html css 表格边框

html css 表格边框

html 滚动条

C#中实现WebBrowser控件的HTML源代码读写

C#中实现WebBrowser控件的HTML源代码读写

HTML转PDF（C# itextsharp）

HTML转PDF（C# itextsharp）

html视频嵌入代码

CSS兼容IE Firefox大全