精华内容
下载资源
问答
  • 如何在图片中插入大量文字并且自动换行 效果 原始图 效果图 注明 若需要写入中文请使用中文字体 实现方式 from PIL import Image, ImageDraw, ImageFont class ImgText: font = ImageFont.truetype("micross.ttf...
  • word中的自动换行编号,按理说应该是灰常好用滴,尤其是在写正式文档滴时候,是不···· 可是,大部分时候,用它来做笔记的时候,为了灵活性,不希望它自己换行编号撒~~~ ...关于 第四个 工具取消自动换行...

    word中的自动换行编号,按理说应该是灰常好用滴,尤其是在写正式文档滴时候,是不····


    可是,大部分时候,用它来做笔记的时候,为了灵活性,不希望它自己换行编号撒~~~


    http://jingyan.baidu.com/article/4e5b3e19763ebe91911e245a.html


    这里有详细的操作。

    关于  第四个 工具取消自动换行那个,试了居然不行。


    总结好用快捷的方法如下:


    1.对于已经编号的。怎么去掉呢?当然是 先选中, 然后  右键,选择  编号--无。     (当然对于大规模的编号就不好办了)

    2对于不小心刚换行自己编号的, ctrl + z 取消即可。

    3对于前一行有编号,后面想换行的, shif + enter  即可。


    有木有一款好的编辑工具?适合用来做笔记啥滴?必须方便粘贴图片,方便调节字体字号颜色啥滴哇·····求推荐。。。。

    展开全文
  • 原文实现了根据文字自动换行的逻辑。参考后略加修改和优化,实现了左右留白,文字在最下面显示。 package util; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; ...

    参考的博客:https://blog.csdn.net/m0_37798992/article/details/80856338

    原文实现了根据文字自动换行的逻辑。参考后略加修改和优化,实现了左右留白,文字在最下面显示。

    package util;
    
    import java.awt.Color;
    import java.awt.Font;
    import java.awt.Graphics;
    import java.awt.Graphics2D;
    import java.awt.Image;
    import java.awt.image.BufferedImage;
    import java.io.File;
    
    import javax.imageio.ImageIO;
    
    import javassist.bytecode.stackmap.BasicBlock.Catch;
    
     
    public final class MarkImageUtils {
        private MarkImageUtils() {
     
        }
        
        /**
         * 给图片添加单个文字水印、可设置水印文字旋转角度
         * @param source 需要添加水印的图片路径(如:F:/images/6.jpg)
         * @param outPut 添加水印后图片输出路径(如:F:/images/)
         * @param imageName 图片名称(如:11111)
         * @param imageType 图片类型(如:jpg)
         * @param waterMarkWord 水印文字
         * @param color 水印文字的颜色
         * @param fontSize 水印字体的大小
         * @param degree 水印文字旋转角度,为null表示不旋转
         */
        public static String markImageBySingleText(String source,String output,String imageName,String imageType,String waterMarkWord, Color color, int fontSize, Integer degree) {
            String result = "添加文字水印出错";
            try {
    	        //读取原图片信息
    	        File file = new File(source);
    	        if (!file.isFile()) {
    	        	return file + " 不是一个图片文件!";
    	        }
    	        Image img = ImageIO.read(file);
    	        int width = img.getWidth(null);
    	        int height = img.getHeight(null);
    	        //初始化
    	        BufferedImage bi = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
    	        Graphics2D g = bi.createGraphics();
    	        g.drawImage(img, 0, 0, width, height, null);
    	        //设置水印字体样式
    	        Font font = new Font("宋体", Font.BOLD, fontSize);
    	        //根据图片的背景设置水印颜色
    	        g.setColor(color);
    	        // 设置字体
    	        g.setFont(font);
    	        if (null != degree) {
    	          //设置水印旋转
    	          g.rotate(Math.toRadians(degree),(double) bi.getWidth() / 2, (double) bi.getHeight() / 2);
    	        }
    	        // 获取行数
    	        int strContentWidth =getStringLength(g,waterMarkWord);
    	        int row = getRows(strContentWidth, width, g);
    	        // 基本字符长度
    	        int basicCharLen = getCharLen('一', g);
    	        int x = basicCharLen;
    	        int y = height - row * getStringHeight(g);
    	        // 自动换行
    	        drawStringWithFontStyleLineFeed(g,waterMarkWord, x, y, width);
    	        g.dispose();
    	        //输出图片
    	        File sf = new File(output, imageName+"."+imageType);
    	        ImageIO.write(bi, imageType, sf); // 保存图片
    	        result = "图片完成添加Word水印";
            } catch (Exception e) {
            	e.printStackTrace();
            }
            return result;
        }
    	
        public static void main(String[] args) {
            String output = "F:/";
            String source = "F:/1.jpg";  //源图片路径
            String imageName = "mark_image"; //图片名称
            String imageType = "jpg"; //图片类型jpg,jpeg,png,gif
            String waterMarkWord = "[大雾黄色预警信号]市气象台2019年12月16日08时00分发布大雾黄色预警信号:预计16日08时至23时,本市大部分地区有雾,能见度小于1千米,部分地区小于500米,请注意防范。";
            Integer degree = null; //水印旋转角度-45,null表示不旋转
            String result = null;
            // 给图片加单个文字水印
            result = MarkImageUtils.markImageBySingleText(source, output, imageName, imageType, waterMarkWord, Color.red, 30, degree);
            System.out.println(result);
        }
    	
        /**
         *@Description: 水印文字总宽度(包括中英文)
         *@Since: 2019年12月16日上午10:59:10
         *@param g 画笔
         *@param waterMarkWord 字符串
         *@return 字符串总宽度
         */
        public static int getStringLength( Graphics g, String waterMarkWord) {
        	char[]  strcha=waterMarkWord.toCharArray();
            int strWidth = g.getFontMetrics().charsWidth(strcha, 0, waterMarkWord.length());
            System.out.println("水印文字总宽度:"+strWidth);
            return strWidth;
        }
        
        public static int getCharLen(char c, Graphics g) {
            return g.getFontMetrics(g.getFont()).charWidth(c);
        }
        
        /**
         *@Description: 计算字符行数
         *@Since: 2019年12月16日上午11:36:32
         *@param strContentWidth 水印文字所占宽度
         *@param rowWidth 每一行字符串|图片宽度
         *@return
         */
        private static int getRows(int strContentWidth,int imgWidth, Graphics g){
            int rows=0;
            int basicCharLen = getCharLen('一', g);
            imgWidth = imgWidth-2*basicCharLen;
            if(strContentWidth%imgWidth>0){
                rows=strContentWidth/imgWidth+1;
            }else{
                rows=strContentWidth/imgWidth;
            }
            System.out.println("行数:"+rows);
            return rows;
        }
        
        /**
         *@Description: 字符高度
         *@Since: 2019年12月16日上午11:05:25
         *@param g
         *@return
         */
        private static int  getStringHeight(Graphics g) {
            int height = g.getFontMetrics().getHeight();
            System.out.println("字符高度:"+height);
            return height;
        }
        
        private static  void  drawStringWithFontStyleLineFeed(Graphics g, String waterMarkWord, int locX, int locY, int width){
            //获取水印文字总宽度
            int strContentWidth =getStringLength(g,waterMarkWord);
            //图片宽度
            int imgWidth=width - 10;
            System.out.println("每行文字|图片宽度:"+imgWidth);
            //获取字符高度
            int strHeight=getStringHeight(g);
            //字符串总个数(中英文标点都算一个字符)
            int strLength = waterMarkWord.length();
            System.out.println("字符串总个数:"+strLength);
            
            int tempX = locX;
            int tempY = locY;
            if(strContentWidth>imgWidth){
                //文字叠加,自动换行叠加
                int tempCharLen = 0;//单字符长度
                int tempLineLen = 0;//单行字符总长度临时计算
                int basicCharLen = getCharLen('一', g);
                StringBuilder stringBuffer = new StringBuilder();
                for (int i = 0; i < waterMarkWord.length(); i++) {
                    char tempChar = waterMarkWord.charAt(i);
                    tempCharLen = getCharLen(tempChar, g);
                    if (tempLineLen + 2*basicCharLen >= imgWidth) {
                        // 绘制前一行
                        g.drawString(stringBuffer.toString(), tempX, tempY);
                        //清空内容,重新追加
                        stringBuffer.delete(0, stringBuffer.length());
                        //文字长度已经满一行,Y的位置加1字符高度
                        tempY = tempY + strHeight;
                        tempLineLen = 0;
                    }
                    //追加字符
                    tempLineLen += tempCharLen;
                    stringBuffer.append(tempChar);
                }
                //最后叠加余下的文字
                g.drawString(stringBuffer.toString(), tempX, tempY);
            }else{
                //直接绘制
                g.drawString(waterMarkWord, tempX, tempY);
            }
        }
    }
    

    效果:

    展开全文
  • 利用css样式表进行如下设置: .treeview .list-group-item { word-wrap:break-word; word-break:break-all; overflow: hidden; }

    利用css样式表进行如下设置:

    .treeview .list-group-item {
        word-wrap:break-word;
        word-break:break-all;
        overflow: hidden;
    }
    
    展开全文
  • 相信各位在Android开发中使用WebView加载页面的时候,或多或少会遇到一些网页适配的问题,例如图片过大或者是单行文字过长, 导致网页可以左右拖动,使自己加载出来的网页显得非常的low,下面介绍一种简单的方法,解决...
            相信各位在Android开发中使用WebView加载页面的时候,或多或少会遇到一些网页适配的问题,例如图片过大或者是单行文字过长, 导致网页可以左右拖动,使自己加载出来的网页显得非常的low,下面介绍一种简单的方法,解决简单网页的适配问题.
            步骤1.此方法使用前提
                      ①使用此方法之前,传入WebView的html字符串不能拥有<html>标签和<header>标签,如果有则根据实际情况进行处理后再使用本方法.
                      ②准备好字符串body,格式为<body>...</body>
           步骤2.css字符串编写
    		String css = "<style type=\"text/css\"> img {" +
                            "width:100%;" +//限定图片宽度填充屏幕
                            "height:auto;" +//限定图片高度自动
                            "}" +
                            "body {" +
                            "margin-right:15px;" +//限定网页中的文字右边距为15px(可根据实际需要进行行管屏幕适配操作)
                            "margin-left:15px;" +//限定网页中的文字左边距为15px(可根据实际需要进行行管屏幕适配操作)
                            "margin-top:15px;" +//限定网页中的文字上边距为15px(可根据实际需要进行行管屏幕适配操作)
                            "font-size:40px;" +//限定网页中文字的大小为40px,请务必根据各种屏幕分辨率进行适配更改
                            "word-wrap:break-word;"+//允许自动换行(汉字网页应该不需要这一属性,这个用来强制英文单词换行,类似于word/wps中的西文换行)
                            "}" +
                            "</style>";
          ☆请注意,此处设置的css代码,会遵循css优先级规则,也就是说,在某些网页中个别属性不会起作用。对于这种情况,请仔细阅读网页代码,参照性地进行css代码编写,如对css不了解......去学学吧,不是很难,只是学一点儿css的话比Android的布局文件编写学起来快。
          步骤3.拼接html串,并传递给webview进行展示
                    
    		html = "<html><header>" + css + "</header>" + html + "</html>";
                    mTotalWebviewWebview.loadDataWithBaseURL(null, html, "text/html", "utf-8", null);    

          步骤4.最后调整
                    为webview设置自适应屏幕

    	WebSettings webSettings = webview.getSettings();	
    	webSettings.setUseWideViewPort(true);
            webSettings.setLoadWithOverviewMode(true);
    	settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);

            相信可以解决你的问题
            特别感谢:http://blog.csdn.net/SoulOfAndroid/article/details/47701805






    展开全文
  • 微信小程序,设置固定的宽,超过自动换行 <view class="top"> 123123qweqeweqeqewqew </view> css代码 top{ width: 140rpx; background-color: red; word-wrap: break-word; } 效果图
  • CSS设置超出指定宽度自动换行

    千次阅读 2016-05-24 16:11:00
     最近项目中有用到在div中显示用户反馈的信息,是指定宽度的div,超出要自动换行,开始写好后感觉应该没什么问题,后来自己随便输入测试数据的时候发现:如果是纯字母或者是纯数字就会出现超出了也不会自动换行的...
  • js实现自动换行

    万次阅读 2018-08-01 09:20:03
    &lt;style type="text/css"&gt; td.class{ white-space: pre-line; word-break: break-all;...本次遇到的是foreach中的td的中的格式展示问题,添加以上css即可实现自动换行...
  • CSS文字自动换行

    千次阅读 2020-05-19 11:56:02
    break-word 在长单词或 URL 地址内部进行换行。 white-space属性: normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 pre 标签。 nowrap 文本不会换行,文本会在在同一...
  • CSS文本自动换行实现

    2020-03-04 21:37:45
    1、单词自动换行 div { width:400px; word-break:break-word; } 2、按内容换行 div是块级元素,每个单独占一行;可以用display: inline-block将多个div强制显示在一行,这样当多个div的内容可以显示在一行时就...
  • normal:忽略多余的空白,元素内如果有多个空格在一起或换行符(回车键),浏览器会把其看作一个空格来处理,不会影响自动换行(就是元素内容过长,在一行上显示不完,会从下一行开始); //这个就可以处理基本的...
  • pre 标签自动换行

    2021-02-20 14:06:40
    而我们经常碰到的一个问题是如果一个代码上碰到有图片或者网页地址就会使代码很长,结果会造成页面撑开或者代码超出边界,如果用overflow:hidden那么会将原来的代码隐藏掉,用overflow:auto则会出现滚动条,代码也不...
  • 输入文本自动换行 文章目录输入文本自动换行一、自嗨1.2.3.补全另一些textarea相关二、其他方法实现文本换行1.div可编辑模式总结 一、自嗨 扯皮,不正经向 就是记录一下,没用过textarea,没甚麽好说的… 你被骗进来了 ...
  • word插图把图片名字插入Adding an image to a Word document is as simple as dragging and dropping—or clicking Insert > Picture—and then moving it to the right place. But what if you want to put your...
  • .content { width: 50px; border: 1px solid black;... /* word-wrap: break-word; word-break: break-all; */ } <p class="content">q414234234113523dasfsafasfsdsf12e21ewd</p> 效果: .content
  • 回顾下上篇内容,我们总结了4条使用Word经常会遇到的问题,介绍了2个效率操作功能,自动更正、章节目录和图表目录,你学会了吗?接下来我们继续解锁更多效率操作。 Word效率指南之查找替换这可是重头戏,大家要认真...
  • CSS3 自动换行

    千次阅读 2016-07-07 14:50:18
    CSS3 自动换行 css如何实现自动换行   下面是 CSS 代码: 简单实例: 允许对长单词进行拆分,并换行到下一行: p {word-wrap:break-word;} 复制代码 下面是产字符换行的 完整示例: ...
  • [图片说明](https://img-ask.csdn.net/upload/201904/03/1554272437_732379.png) 中间那一行表头文字太多,我想让他自动换行,但是加了下面这些都不能达到效果 ``` word-break:break-all; word-wrap:break-all; ...
  • html内容超出自动换行

    2020-05-07 14:46:18
    <style type="text/css"> #testDiv{ width: 100%; height: auto; word-wrap:break-word; word-break:break-all; overflow: hidden; } <...换行常用的设置word-wrap:break-...
  • 【目标】:需要按照标准page中长文本里面的样式将信息正常渲染至Word文档中。 【效果预览】: 01. 标准Page长文本效果: 02. 自定义vf渲染效果: 03. Word最终渲染效果: 【解决方案】: <apex:page ...
  • tkinter窗口组件之Message,轻松自动换行的文本显示
  • 不知道大家在工作当中有没有遇到这样的情况:在WORD文档中想插入图片,却不能保证大小格式一样怎么办?如果数量较少的话,我相信大家还是有办法解决的!比如可以先插入一张图片设置统一的格式进使用快捷键F4进行上...
  • 我个人的理解在于,假如你涉及的业务生成的pdf是具有固定格式或者模快的文字及其图片等内容,我这里建议使用模板,只需要将不一致的地方改成文本域,然后进行文字填充就ok了。如果涉及的业务不能有模块化可以提取...
  • 使pre的内容自动换行

    千次阅读 2019-06-15 19:11:43
    使pre的内容自动换行 <pre>元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 <pre> 标签的一个常见应用就是用来表示计算机的源代码。 而...
  • css_使div中的文本自动换行

    千次阅读 2020-03-15 11:37:52
    这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、...
  • 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的 white-space:normal ,当定义的宽度之后自动换行 html: &lt;div id="wrap"&gt;正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-...
  • 实现类似word排版的自动换行功能,同时在换行后,把每一行的右侧空白空间平均分配到本行各个子控件的宽度中,实现自动换行后,子控件二端对齐效果。 图片请查看...
  • 微信小程序 自动换行

    万次阅读 2017-05-31 19:01:04
    微信小程序 自动换行 在wxss中添加 : word-break:break-all; 即可

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 16,635
精华内容 6,654
关键字:

word设置图片自动换行