CSS 让标点符号不出现在行首

word-break:break-all;

这条语句的作用是让语句到达边界的时候自动换行,但是正是这个样式让标点符号跑到了行首。

语法:

word-break : normal | break-all | keep-all

参数:

normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行

break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本

keep-all : 与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本

说明:

设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。

对于中文,应该使用break-all 。

实验证明,要想标点符号不出现在行首,又能实现自动换行,只需要将样式写成如下:

word-break : normal;
时间: 2024-10-23 02:57:49

CSS 让标点符号不出现在行首的相关文章

纯div+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 http-equiv="Content-

纯JavaScript+HTML+CSS 的div弹出框

CSS <style> .mask { width:100%; height:100%; position: absolute; top:0; left:0; filter: alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; background-color: #ffffff; z-index:2; display: none; } div.sample_popup { height:auto; border:10px solid #64646

css制作的弹出式图片

<html> <head> <title>css制作的弹出式图片预览效果|梨花粉价格|石家庄水泵厂</title> <style type="text/css"> .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS

jqury+css实现可弹出伸缩层

1.使用可弹出伸缩窗调整了之前的页面布局,使用这样的布局使整个界面看起来更加清爽也更简洁 2.以上图左側面板为例,实现比較简单,仅仅需了解html和css布局就大致差点儿相同了 html代码: CSS: js代码: 布局须要有耐心.一点点调整已到达自己觉得惬意的程度

jquery css div (弹出)显示隐藏层

css代码段 .crm_tc_bg { width: 100%; height: 100%; position: fixed; display: block; top: 0; left: 0; background: #000; filter: apha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 1000; } .crm_tc_box { width: 300px; min-height: 200px; max-height:

CSS常用字体属性(多出的文本隐藏,或者以省略号的形式显示)和背景样式以及背景图的2个不常用属性:background-origin和background-clip

(一)常用的字体属性: font-weight: 属性值100-900  400等于正常 700等于bold ,数值越大,越粗 font-size:字体大小,单位可以为px或者% font-family:字体族 比如说:微软雅黑 font-style:字体的样式 italic斜体 normal正常 font-variant:small-caps 将字母转化为小一号的大小字母 注意:所有属性也可以通过font一个属性写,例如: font:italic bold 75%/1.8 'Microsoft

浅谈CSS优先级机制(一)

初次写随笔,如果有哪个地方不足还望大神指点改正,下面我来谈谈我对于CSS优先级的了解吧. CSS优先级,通俗的理解就是你给元素等一堆属性描述,然后最后到底是哪个描述作为最终显示的效果的规则或机制(个人理解).以下我将分为几个点来谈谈优先级的确定. 1.引入方式: CSS引入的方式,我目前只知道四种:内联式.内嵌式.导入式.链接式(当然网上的说法名称不一,理解就好). 各种引入方式的用法我在这里就不再多说了.以上我所按顺序罗列的四个方式是理论上的优先级顺序,也就是说,我使用内联式引入的css代码作

使用css框架的优缺点

使用css框架的优点 1.加速开发 CSS框架提供通用的代码(如reset,和移动端开发的一些常用设置)和许多丰富的UI组件样式——因此我们不需要从头开始写. 2.无兼容性烦恼 CSS框架解决了各个浏览器下的兼容性问题,使用css框架做的网站或web应用在所有浏览器下的表现都一致.所以我们只需专注创建内容和而不需要处理特定浏览器的样式缺陷 3.合理的布局 CSS框架建立了基于网格的预定义宽度多列布局.所以我们不需要在布局上花太多心思.我们不需要计算列宽,精确调整像素确保页面排列整齐 4.培养好的

《CSS权威指南》读书笔记

一.css和文档层叠css规定了冲突规则,这些规则统称为层叠.这些规则定义了样式发生冲突时以优先级高的为准.常用的优先级判定:1. 开发者样式>读者样式>浏览器样式(除非使用!important标记 )2. id选择符>(伪)类选择符>元素选择符3. 权重相同时取后面定义的样式 元素元素(element)是文档结构的基础.在css中,元素通常分为两种形式:替换元素和非替换元素.替换元素是指用来替换元素内容的部分并非由文档内容直接表示,如img.input都是由属性来替换元素中的内容