精华内容
下载资源
问答
  • 如何设置标题字体大小
    千次阅读
    2021-06-10 15:38:11

    我有测试你的小提琴,它似乎只发生在FireFox的这个问题。只需显示1个框(您的内容用CSS编写)以及悬停时显示的浏览器标准标题属性。

    如果你不关心真正的“title”属性,你可以用一个解决类似这样的:http://jsfiddle.net/tDQWN/9078/

    只要改变3行代码:

    你的HTML的输出:

    而且的CSS:内容后:

    a[data-title]:hover:after {

    content: attr(data-title);

    padding: 4px 8px;

    color: #333;

    position: absolute;

    left: 0;

    top: 100%;

    white-space: nowrap;

    z-index: 20px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    -moz-box-shadow: 0px 0px 4px #222;

    -webkit-box-shadow: 0px 0px 4px #222;

    box-shadow: 0px 0px 4px #222;

    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);

    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));

    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);

    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);

    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);

    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);

    }

    我简单的话,我只是改变了“数据标题”属性中的“标题”属性。在这种情况下,浏览器不会输出小标题文本,因为它不是标准的“标题”属性。现在你必须制作一个盒子的样式。

    更多相关内容
  • 加载echarts.js,以及初始化 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...meta name="viewport" content="width=device-width, initial-scale=1.0">

    加载echarts.js,以及初始化

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <script src="echarts.js"></script>
    </head>
    <body>
        <div id="main" style="width: 800px;height:600px;"></div>
        <script type="text/javascript">
            var myChart = echarts.init(document.getElementById('main'));

    设置标题

    字体颜色,大小,格式,粗细

     title: {
            show: true, 
            text: "销售经理能力对比分析",
            left: 'center',
            textStyle:{
            color:'#FF0000',
            fontStyle:'normal',
            fontWeight:'normal',
            fontFamily:'sans-serif',
         fontSize:20
            }
        },

    设置小组件

    	toolbox: {  
    				show: true,
    				feature: {
    					mark: { show: true }, dataView: { show: true, readOnly: false },
    					magicType: { show: true, type: ['line', 'bar', 'stack', 'tiled'] },
    					restore: { show: true }, saveAsImage: { show: true }
    				}
    			},

    设置X,Y轴

    xAxis: { 
    				data: ['销售', '沟通', '服务', '协作', '培训', '组织']
    			},
    			yAxis: {
    				type: 'value'
    			},

    设置缩放区间

     dataZoom:{
                    show:true,
                    realtime:true,
                    start:20,
                    end:40
                },

    完整代码

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <script src="echarts.js"></script>
    </head>
    <body>
        <div id="main" style="width: 800px;height:600px;"></div>
        <script type="text/javascript">
            var myChart = echarts.init(document.getElementById('main'));
        var option = {
            title: {
            show: true, 
            text: "销售经理能力对比分析",
            left: 'center',
            textStyle:{
            color:'#FF0000',
            fontStyle:'normal',
            fontWeight:'normal',
            fontFamily:'sans-serif',
         fontSize:20
            }
        },
    			toolbox: {  
    				show: true,
    				feature: {
    					mark: { show: true }, dataView: { show: true, readOnly: false },
    					magicType: { show: true, type: ['line', 'bar', 'stack', 'tiled'] },
    					restore: { show: true }, saveAsImage: { show: true }
    				}
    			},
    			calculable: true,
    			xAxis: { 
    				data: ['销售', '沟通', '服务', '协作', '培训', '组织']
    			},
    			yAxis: {
    				type: 'value'
    			},
                tooltip: {
                     trigger: 'axis',
                     axisPointer: {
                     type: 'shadow'
              }
            },
            legend: {
                left:'left',
                top: '5%',
                itemGap:100
            },
            dataZoom:{
                    show:true,
                    realtime:true,
                    start:20,
                    end:40
                },
    			series: [  
    				{   
    					name: '王斌', type: 'bar',
    					data: [87.5, 87.5, 90, 91.25, 85, 87.5],
                        color:'#dd6b66'
    				},
    				{   
    					name: '刘倩', type: 'bar',
    					data: [90, 88.75, 85, 87.5, 88.75, 91.25],
                        color:'#759aa0'
    				},
    				{  
    					name: '袁波', type: 'bar',
    					data: [92.5, 91.25,88.75,92.5,91.25,88.75],
                        color:'#e69d87'
    				},
    				
    			]
        };
            myChart.setOption(option);
        </script>
    </body>
    </html>

    结果图

     代码截图

     

    展开全文
  • 在做公司的官网的时候,新闻内页会有一个让浏览者自己调整文字大小的功能,因此在这个空闲时间,把这个功能整理下来: function setFontSize (id,content,params){ var oTarget = document.getElementById(id), ...
  • 现在所有东西的字体大小都一样。在表格代码示例:fig = plt.figure(figsize=(11, 8.27))ax = fig.add_subplot(111)ax.axis('off')index_length = len(well_data_table.index)table_1 = well_d...

    我希望列标题的字体比单元格中的值小,这样它们就可读(我将在附加的jpeg中显示我的意思)。现在所有东西的字体大小都一样。在

    表格代码示例:fig = plt.figure(figsize=(11, 8.27))

    ax = fig.add_subplot(111)

    ax.axis('off')

    index_length = len(well_data_table.index)

    table_1 = well_data_table.iloc[0:30]

    table_2= well_data_table.iloc[30:60]

    table_3 = well_data_table.iloc[60:-1]

    q='lightsalmon'

    colors3 = [q,q,q,q,q,q,q,q,q,q,q]

    the_table1 = ax.table(cellText=table_1.values, colWidths =

    [.1]*len(table_1.columns),

    rowLabels=table_1.index,

    colColours = colors3,

    colLabels=table_1.columns,

    cellLoc = 'center', rowLoc = 'center',

    loc='bottom',

    bbox=[.1, 0, 1, 1])

    the_table1.auto_set_font_size(False)

    the_table1.set_fontsize(8)

    the_table1.scale(1, 1)

    ax.title.set_text("""TEST""")

    pdf.savefig(facecolor='w')

    展开全文
  • } } 设置字体大小 //内容样式策略 WriteCellStyle contentWriteCellStyle = new WriteCellStyle(); //垂直居中,水平居中 contentWriteCellStyle.setVerticalAlignment(VerticalAlignment.CENTER); ...

    controller

    package com.gemantic.cnooc.controller;
    
    
    import java.math.BigDecimal;
    import java.net.URLEncoder;
    import java.util.Date;
    import java.util.List;
    
    import javax.servlet.http.HttpServletResponse;
    
    import org.apache.poi.ss.usermodel.BorderStyle;
    import org.apache.poi.ss.usermodel.HorizontalAlignment;
    import org.apache.poi.ss.usermodel.VerticalAlignment;
    import org.springframework.web.bind.annotation.PostMapping;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    
    import com.alibaba.excel.EasyExcel;
    import com.alibaba.excel.ExcelWriter;
    import com.alibaba.excel.write.metadata.WriteSheet;
    import com.alibaba.excel.write.metadata.style.WriteCellStyle;
    import com.alibaba.excel.write.metadata.style.WriteFont;
    import com.alibaba.excel.write.style.HorizontalCellStyleStrategy;
    import com.gemantic.cnooc.model.StudentExcelDto;
    import com.google.common.collect.Lists;
    
    import io.swagger.annotations.ApiOperation;
    import lombok.extern.slf4j.Slf4j;
    
    /**
     * @Auther: Wangtianming
     * @Date: 2021/10/27 14:35
     * @Description:
     */
    @RestController
    @RequestMapping(path = "/student")
    @Slf4j
    public class StudentExcelController {
    
        @PostMapping(value = "exportExcel", headers = "Accept=application/octet-stream")
        @ApiOperation(value = "导出excel", notes = "导出excel")
        public void exportExcel(HttpServletResponse response) throws Exception {
    
            List<StudentExcelDto> pageList = Lists.newArrayList();
            StudentExcelDto a = new StudentExcelDto();
            a.setId(1l);
            a.setStudentName("小王");
            a.setStudentClass("五年纪");
            a.setAddress("北京小学");
            a.setAdmissionDate(new Date());
            a.setScore(new BigDecimal(100));
            a.setGender(1);
            pageList.add(a);
            pageList.forEach(b -> {
                if (a.getGender() == 1) {
                    a.setGenderName("男");
                } else {
                    a.setGenderName("女");
                }
            });
    
            //内容样式策略
            WriteCellStyle contentWriteCellStyle = new WriteCellStyle();
            //垂直居中,水平居中
            contentWriteCellStyle.setVerticalAlignment(VerticalAlignment.CENTER);
            contentWriteCellStyle.setHorizontalAlignment(HorizontalAlignment.CENTER);
            contentWriteCellStyle.setBorderLeft(BorderStyle.THIN);
            contentWriteCellStyle.setBorderTop(BorderStyle.THIN);
            contentWriteCellStyle.setBorderRight(BorderStyle.THIN);
            contentWriteCellStyle.setBorderBottom(BorderStyle.THIN);
    
            //设置 自动换行
            contentWriteCellStyle.setWrapped(true);
            // 字体策略
            WriteFont contentWriteFont = new WriteFont();
            // 字体大小
            contentWriteFont.setFontHeightInPoints((short) 12);
            contentWriteCellStyle.setWriteFont(contentWriteFont);
            //头策略使用默认 设置字体大小
            WriteCellStyle headWriteCellStyle = new WriteCellStyle();
            WriteFont headWriteFont = new WriteFont();
            headWriteFont.setFontHeightInPoints((short) 12);
            headWriteCellStyle.setWriteFont(headWriteFont);
            // 导出Excel
            response.setContentType("application/vnd.ms-excel");
            response.setCharacterEncoding("utf-8");
            String fileName = URLEncoder.encode("班级信息", "UTF-8").replaceAll("\\+", "%20");
            response.setHeader("Content-disposition", "attachment;filename*=utf-8''" + fileName + ".xlsx");
            ExcelWriter writer = EasyExcel.write(response.getOutputStream())
                    .registerWriteHandler(new HorizontalCellStyleStrategy(headWriteCellStyle, contentWriteCellStyle))
                    .build();
            WriteSheet sheet = EasyExcel.writerSheet(0, "sheet").head(StudentExcelDto.class).build();
            writer.write(pageList, sheet);
            writer.finish();
        }
    
    }
    
    

    设置字体大小

     //内容样式策略
            WriteCellStyle contentWriteCellStyle = new WriteCellStyle();
            //垂直居中,水平居中
            contentWriteCellStyle.setVerticalAlignment(VerticalAlignment.CENTER);
            contentWriteCellStyle.setHorizontalAlignment(HorizontalAlignment.CENTER);
            contentWriteCellStyle.setBorderLeft(BorderStyle.THIN);
            contentWriteCellStyle.setBorderTop(BorderStyle.THIN);
            contentWriteCellStyle.setBorderRight(BorderStyle.THIN);
            contentWriteCellStyle.setBorderBottom(BorderStyle.THIN);
    
            //设置 自动换行
            contentWriteCellStyle.setWrapped(true);
            // 字体策略
            WriteFont contentWriteFont = new WriteFont();
            // 字体大小
            contentWriteFont.setFontHeightInPoints((short) 12);
            contentWriteCellStyle.setWriteFont(contentWriteFont);
            //头策略使用默认 设置字体大小
            WriteCellStyle headWriteCellStyle = new WriteCellStyle();
            WriteFont headWriteFont = new WriteFont();
            headWriteFont.setFontHeightInPoints((short) 12);
            headWriteCellStyle.setWriteFont(headWriteFont);
    
    ExcelWriter writer = EasyExcel.write(response.getOutputStream())
                    .registerWriteHandler(new HorizontalCellStyleStrategy(headWriteCellStyle, contentWriteCellStyle))
                    .build();
    

    可参考:

    Java EasyExcel 导出

    导出结果

    在这里插入图片描述

    展开全文
  • R语言ggplot2可视化改变字体大小实战:单个图片设置字体大小、全局设置字体大小 目录 R语言ggplot2可视化改变字体大小实战:单个图片设置字体大小、全局设置字体大小 #单个图片设置字体大小 #全局设置字体大小...
  • // 设置文字的字体大小 label.setHorizontalAlignment(JLabel.CENTER); // 设置标签内容居中显示 label.setIcon(new ImageIcon("XXX")); // 设置标签显示图片(图片自己找啦) label.setHorizontalTextPosition...
  • 本文介绍了MATLAB如何为图添加标题、轴标签、图例等操作,方便日后使用。
  • 如何在JAVA中设置字体样式和大小

    千次阅读 2021-02-26 14:26:46
    我是新来的Java和无法弄清楚如何格式化我的代码是这样的: 字体“宋体”字体大小“9”大胆如何在JAVA中设置字体样式和大小?我想整个段落的格式化文本。我真的很感谢帮助。提前致谢!下面是我的代码:public class H...
  • echarts怎么修改title的字体大小

    千次阅读 2020-12-19 06:47:17
    想在移动端吧饼图的title的字号改小 开始写百分比发现效果不好而且在火狐下会重叠怎么监听宽度的变化改变字体大小呢option1 = {title: [{text: 'Part 1',left: "49%",top: '32%',textAlign: 'center',textStyle: {...
  • Latex字体大小

    万次阅读 2021-05-08 07:36:55
    LaTeX字体大小设置 设置字体大小的基本尺寸为10pt,11pt和12pt,其中默认为10pt \documentclass[12pt]{article} 设置好整体尺寸后,可以通过一些声明来改变字体大小,具体如下: 声明 对应字号 \tiny 5pt ...
  • Android中如何设置字体大小

    千次阅读 2021-05-27 04:43:01
    使用动态字体尺寸 如果大家希望自己的应用文字能够根据用户偏好设置进行灵活调整,则需要使用SP(即可缩放点)单位对文本字体尺寸加以定义。Android平台允许 我们通过各种方式为各种显示要素的尺寸赋值。而在文本...
  • Echarts修改各种标签的字体大小

    千次阅读 2021-06-15 16:33:43
    Echarts修改各种标签的字体大小
  • C#的DataGridView中字体大小

    千次阅读 2021-02-03 15:16:18
    C#的DataGridView中字体大小的方法: dataGridView1.RowsDefaultCellStyle.Font = new Font ("宋体", 11, FontStyle.Regular);
  • latex04-LaTeX的字体字号设置.mp4
  • 设置字体大小,粗体打勾后,在Qt Designer显示的界面是我所要的结果,可是当我把ui文件转为py文件去运行时,出来的界面却是所有的内容都是我设置标题字体的大小,结合网上的方法进行尝试后,得出来一种不用写代码...
  • 设置VIM字体大小

    千次阅读 2021-05-13 04:20:50
    update 2016.08.11补充VIM/GVIM统一设置方法,源标题"设置GVIM字体大小"修改为”设置VIM...2. VIM字体大小设置显然命令行下的VIM时需要收到终端Terminal的限制,其字体也是继承终端Terminal的设置。Terminal APP(...
  • QT怎么设置字体轮廓、字体位置、字体样式、字体间距、窗口背景色大小、隐藏鼠标图标
  • Latex 设置标题等字号

    千次阅读 2021-01-23 15:26:47
    Latex 设置字体大小命令由小到大: \tiny, \scriptsize, \footnotesize, \small, \normalsize,\large, \Large, \LARGE, \huge, \Huge 例如,修改文章标题字号:\title{\Large XXXXX}
  • VSCODE 设置 菜单栏字体大小

    千次阅读 2022-04-11 17:58:37
    VSCODE 设置菜单栏字体大小
  • css如何设置字体大小和颜色?

    千次阅读 2021-06-09 04:41:21
    设计网页时,一般设置body...css如何设置字体大小和颜色?设置字体的大小在CSS中,字体大小可以使用font-size属性来设置。font-size 翻译为中文是“字体尺寸”,它的单位一般是px(像素)或em(字体高度)。示例:font-...
  • LaTeX 修改图片标题字体大小

    万次阅读 多人点赞 2019-07-18 20:24:50
    在LaTeX中插入两张图并列或者多张图排列时,最下面的大标题字体会变得格外的大和显眼,可以在begin{document}下面进行设置 ,不是begin{figure} \captionsetup{font={small}} small可以更改为: 参考: ...
  • matplotlib设置colorbar字体大小

    千次阅读 2020-12-06 09:20:54
    只需在前面加一句 plt.rcParams['font.size'] = 13
  • latex标题字体大小和样式

    千次阅读 2021-06-16 09:50:26
    关于latex中标题字体大小问题如何更改latex中的章节标题的字体和字号LaTeX/Scie如何更改latex中的章节标题的字体和字号LaTeX/ScienceWord论坛 搜索资料 我来答 分享 微信扫一扫 新浪微博 QQ空间 举报 浏览8 次 ...
  • QT的编写:对于Qt中工具栏的字体如何调整大小问题的解决方法。 以下为凑字数,请忽略。:qqqqqqqqqqqqqqqqqqq
  • java里面怎样设置字体大小?

    千次阅读 2021-03-05 14:39:27
    // 设置文字的字体大小 label.setHorizontalAlignment(JLabel.CENTER); // 设置标签内容居中显示 label.setIcon(new ImageIcon("XXX")); // 设置标签显示图片(图片自己找啦) label.setHorizontalTextPosition...
  • 浮动提示title更改字体大小

    千次阅读 2020-04-23 21:20:34
    当 当前元素的字体大小小于等于18时,是小字体,将title的字体大小设置为18px if (fontSize){ popoverStyle.fontSize = '18px'; }else{ popoverStyle.fontSize = '24px'; popoverStyle.lineHeight = '26px'; } ...
  • edge字体大小设置?win10 edge浏览器字体设置技巧如何在 MicrosoftEdge中更改字体大小并自定义字体的样式和大小。... 你还可以通过选择同一页面上的“自定义字体”,以自定义 MicrosoftEdge中...很多Windows10用户反馈...
  • 快速调整gvim中的文字大小
  • 写论文的时候,在不修改字体大小的情况下,表格很容易因为过宽而超出文档。此时需要调整字体大小来解决,方法如下: 上面的也可以改为下面的选项,字体从小到大分别是:

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 120,011
精华内容 48,004
关键字:

如何设置标题字体大小