首页 > 其他分享 >css笔记

css笔记

时间:2023-05-13 13:44:44浏览次数:32  
标签:单词 word 换行 笔记 空格 break 文本 css

一、常用易忘

  1.文本换行

     word-wrap: break-word;

  • normal:默认属性值,表示文本不受限制,可以超出边界;
  • break-word:表示当文本超出边界时,自动将单词截断换行,但如果单词本身就很长,仍然会超出边界;
  • anywhere:表示文本可以在任何地方换行;
  • overflow-wrap:表示文本可以在“单词”周围换行,如果遇到长单词,则截断换行。

 

    word-wrap并不总是理想的解决方案,因为有时候要避免截断一个单词,而是希望它在任何地方换行。在这种情况下,我们可以使用word-break属性。

    word-break: break-all;

  • normal: 默认属性值,表示文本受限,不允许在单词中间截断。
  • break-all:表示任意位置换行,甚至可以在单词中间断开。但是会破坏单词完整性,不建议使用。
  • keep-all:表示文本只在空格或连字符处断开,适用于亚洲语言等不使用空格的语言。

 

    white-space: pre;

    white-space是CSS中用来控制文本中空格和换行的属性。它有以下几种取值:

  • normal:默认属性值,表示文本中多个空格和换行都会被合并为一个空格;
  • pre:表示文本中多个空格和换行都会被保留,不会被合并;
  • nowrap:表示文本不会被自动换行。
  • pre-wrap:表示文本中多个空格和换行会被保留,但是会自动换行,不会出现水平滚动条。
  • pre-line:表示文本中多个空格会被合并成一个空格,但是换行会被保留,会自动换行,不会出现水平滚动条。

标签:单词,word,换行,笔记,空格,break,文本,css
From: https://www.cnblogs.com/nobody-/p/17397245.html

相关文章

  • 5-CSS基础
    1.概述CSS是一门语言,用于控制网页表现W3C标准规定了网页是由以下组成:结构:HTML表现:CSS行为:JavaScriptCSS也有一个专业的名字:CascadingStyleSheet(层叠样式表)。如下面的代码,style标签中定义的就是css代码。该代码描述了将div标签的内容的字体颜色设置为红色......
  • A3转A4笔记
    先将PDF中所有图片导出来,然后转到HTML中,再用JS调高宽和边距关键代码:<script>$('img').each(function(i){$(this).css('height','1750px');$(this).css('margin-top','-80px');varindex=(i+1)%4;if(index==1)......
  • 【acwing】Django课程笔记
     工程课Linux-8.0.SSH的简易安全配置-AcWing  (避免服务器被偷家)怎样修改远程登录的端口?_弹性云服务器ECS_常见问题_登录与连接_远程连接类_华为云(huaweicloud.com)vim/etc/ssh/sshd_configservicesshdrestart ......
  • MySql学习日志二,数据库的笔记
    数据库的列类型【了解】数值tinyint十分小的数据1个字节smallint较小的数据2个字节mediumint中等大小的数据三个字节int标准的整数4个字节常用intbigint较大的数据8个字节float浮点数4个字节double浮点数8个字节decimal字符......
  • 分享Python采集66个css3代码,总有一款适合您
    Python采集的66个css3代码下载链接:https://pan.baidu.com/s/1EKA4WZ1tVGiEKH4qfwPc_A?pwd=mads提取码:madscss3+svg炫酷水滴Loading特效css剪裁GIF背景图片动画特效纯CSS制作辛普森一家卡通人物动画特效CSS3图片遮罩层变形动画特效CSS3鼠标悬停图片遮罩层变形动画特效CSS3超酷钟摆......
  • tkinter学习笔记
    一:项目背景利用tkinter做一个GUI页面,用于实现学生信息的管理,实现学生信息的新增、修改、删除、查询等功能二:布局pack()、grid()以及place()三:使用技术栈标签(Label)与单行输入框(Entry)样例:代码实现:#新增页面classInsertFrame(tk.Frame):def__init__(self,root):s......
  • 分享Python采集88个css3代码,总有一款适合您
    分享Python采集88个css3代码,总有一款适合您Python采集的88个css3代码下载链接:https://pan.baidu.com/s/18mg5LvBRGD24F2gcUdSvxQ?pwd=yir2提取码:yir2炫酷css3垂直时间轴特效CSS3超酷图片glitch闪烁效果CSS3炫酷鼠标hover菜单动画特效css3炫酷进度条动画纯CSS3的单选框、复选框、开......
  • mysql常用函数、查询和事务说明笔记
    1.MySQL中内置了很多字符串函数,常用的几个如下:运用示例:示例表里初始数据:  字段title和titleImageconcat:字符串拼接selectconcat(title,titleImage)asnewtitlefrom testtablewhereid=65;lower:全部转小写select lower(title) asnewtitlefrom testta......
  • 印象笔记强制notes格式后导入obsidian、有道云笔记方法
    新版印象笔记给enex格式去掉了,换成notes格式,无法导入别的地方,上网查了下还是有方法导出的安装工具$pipinstall--userevernote-backup按照教程同步笔记$evernote-backupinit-db--backendchina$evernote-backupsync$evernote-backupexportoutput_dir/......
  • Django笔记四十之运行Django环境的python脚本
    本文首发于公众号:Hunter后端原文链接:Django笔记四十之运行Django环境的python脚本这一篇笔记介绍如何在Django中运行脚本。假设说我们要实现一个功能,需要获取blog.models.Blog这张表里的总数且使用print()输出。如果代码逻辑很短,且是一次性执行的操作,我们可以在系统的......