请问css如何设置这种文字排版方式?
css吧
全部回复
仅看楼主
level 6
Mieaaaaa 楼主
2023年06月15日 13点06分 1
level 7
"不过个别几行div的字体在css中设置显示不出来,需要单独回到HTML那里设置才能显示"
请尽可能用CSS定义字体等,如果发现不好使,则为你的选择器优先级不够优先(用“!important”也行,但建议少用)
2023年06月23日 01点06分 0
调整line-height可以调整每一行的间距(调成1就是每一行紧贴着,没有空隙,0.5就是每行字有一半嵌入上一行)
2023年06月23日 01点06分
@周存存 这个我试过,因为p的间隙所以最后形成了再空了一行的结果,我会去尝试你教的那个在p margin 0padding0那个
2023年06月26日 11点06分
@Mieaaaaa 你需要理解padding和margin的概念(也就是你所说的“间隙”)
2023年06月26日 11点06分
@周存存 我以为我理解了但我编写出来发现一点效果没有,我又开始蒙圈不知道哪里错了
2023年06月26日 15点06分
level 1
文字居中
2023年06月16日 03点06分 2
不是我是指中间那段,文字居中之后没办法打出那种金字塔的排版
2023年06月16日 09点06分
@Mieaaaaa 对,是文字居中;换行用<br>;呈现不出来“金字塔”的效果是你的文案的问题
2023年06月17日 03点06分
@周存存 我试试看
2023年06月18日 02点06分
@周存存 试了一下原来我真的没有换行[笑尿]不过没办法做到想图片那样行跟行紧贴,用了margin还是有很大的空隙。。。
2023年06月18日 06点06分
level 7
【例子】
<style>
p {
line-height: 2; /* 修改这里,2是“两倍”的意思 */
text-align:center;
font-weight:300;
font-famply:"思源黑体 CN"; /* 根据标准,顿号占一个字宽度 */
}
</style>
<p>
从澳洲到南美洲<br>
从地中海到北美大陆<br>
18个不同气候、不同国家的坚果<br>
下略
</p>
2023年06月18日 09点06分 3
这个lineheight我也尝试过了,没用,后来我发现不管是p还是h,页面都会单独给每个h和p留一行,我索性不用p了,直接div后成功没有间隙了[真棒]不过个别几行div的字体在css中设置显示不出来,需要单独回到HTML那里设置才能显示
2023年06月22日 10点06分
@Mieaaaaa p的间隙可以消除:p{margin:0;padding:0}
2023年06月23日 01点06分
@Mieaaaaa 详见楼下
2023年06月23日 01点06分
@周存存 真的吗,我一会儿去试一下
2023年06月26日 11点06分
level 7
<style>
.row{margin:1% 0;overflow:auto}
.col{float:left}
.c12{width:100%}
.c11{width:91.66%}
.c10{width:83.33%}
.c9{width:75%}
.c8{width:66.66%}
.c7{width:58.33%}
.c6{width:50%}
.c5{width:41.66%}
.c4{width:33.33%}
.c3{width:25%}
.c2{width:16.66%}
.c1{width:8.33%}
</style>
<div class="row">
<div class="col c6">左侧</div>
<div class="col c6">右侧</div>
</div>
2023年06月29日 01点06分 5
看不懂这个,我照着打出来也没办法实现两个框并列,都是竖着来的
2023年06月30日 09点06分
@Mieaaaaa 见楼下,需要改一下.col
2023年07月01日 00点07分
level 7
.col{float:left; /*border:1px solid; */box-sizing: border-box;}
2023年07月01日 00点07分 6
怎么你这个是横向的?我打了好几次都是竖向,后来我加了flex才并列起来了
2023年07月01日 08点07分
@Mieaaaaa box-sizing: border-box
2023年07月02日 01点07分
@Mieaaaaa 用border-box的时候,内容+padding+border=width;用content-box的时候,只有内容=width,加上padding和border后会大于定义的widtj
2023年07月02日 01点07分
@周存存 我现在又出现新状况了,左边的框我用frame打出来了,但是因为floatleft的原因全部靠左边,用textalign没用,没办法跟上面的文章对准位置。。然后右边的我用table也是没办法控制他们的大小,最后锁到左边的frame里面了。。。好烦呐疑难杂症感觉
2023年07月03日 04点07分
level 7
2023年07月04日 00点07分 7
@周存存 那个我也看过,就是半懂,有的教程感觉写得不太详细,有的好像翻译过来一样感觉怪怪的更难理解😂
2023年08月02日 13点08分
我的疑难杂症你一下就解了😭不过左边那个中间多了一条线,可以去除吗?还有我想问一下那个css的" ,"表示什么意思?是加个,就可以继续在后面添加无限个相同属性的class吗?还有>是什么意思?看来我因为太多简单操作不知道而走了很长一条弯路[泪]
2023年07月04日 14点07分
@Mieaaaaa 逗号指的是“这些选择器都用花括号里的样式”
2023年07月05日 00点07分
@Mieaaaaa “左边那个中间多了一条线”删掉图中CSS部分的11行
2023年07月05日 00点07分
1