新闻网站排版问题-CSDN论坛

新闻网站排版问题

.NET技术 > ASP.NET

收藏回复

[问题点数：100分]

⋅tp5 模型一对多关联两张表 ⋅新闻网站排版问题 ⋅请教大家一个devexpress gridview控件间隔行变色的问题 更多帖子 关注私信空间博客 yanchangshan 等级 本版专家分：336 结帖率 97.04%: 请教大家  我想做个新闻类的论坛
在首页中  我想展示一条条新闻

其中每条新闻可能有图片  也可能没有
图片可能就一张  也可能三张

我想根据图片有无以及多少  自动进行不同的排版
比如有三张图片的新闻直接标题一排放上面三张图片排一排放下面
如果是一张图片  就标题放左边  图片放右边在一排上

应该怎么做

2018-09-12 09:52:45

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅SQLSERVER 求中位数

⋅勋章顺序能不能调整调整

⋅过年都放几天假啊

更多帖子

关注私信空间博客

版主

二月十六

等级

本版专家分：993

勋章

技术圈认证（专家版） 博客专家完成年度认证，即可获得

签到王者 累计签到获取，不积跬步，无以至千里，继续坚持！

脉脉勋章 绑定脉脉第三方账户获得

GitHub 绑定GitHub第三方账户获取: 把两个样式都写好，然后根据图片多少做判断，根据不同的条件显示不同的样式

2018-09-12 10:04:39

点赞只看TA 引用举报 #1得分 0

⋅有关 word 内容改动和比较方法 ⋅一个意想不到的问题 ⋅你们的 gmail 还容易上去吗？ 更多帖子 关注私信空间博客 以专业开发人员为伍 等级 本版专家分：474845 勋章 进士 2018年总版新获得的技术专家分排名前十 2017年总版技术专家分年内排行榜第十 2013年总版技术专家分年内排行榜第八 铜牌 2018年12月总版技术专家分月排行榜第三 2018年11月总版技术专家分月排行榜第三 2017年2月总版技术专家分月排行榜第三 红花 2019年1月 .NET技术大版内专家分月排行榜第一 2018年12月 .NET技术大版内专家分月排行榜第一 2018年11月 .NET技术大版内专家分月排行榜第一 2018年10月 .NET技术大版内专家分月排行榜第一 2018年9月 .NET技术大版内专家分月排行榜第一 2018年7月 .NET技术大版内专家分月排行榜第一 2018年6月 .NET技术大版内专家分月排行榜第一 2018年1月 .NET技术大版内专家分月排行榜第一 2017年5月 .NET技术大版内专家分月排行榜第一 2017年4月 .NET技术大版内专家分月排行榜第一 2017年3月 .NET技术大版内专家分月排行榜第一 2017年2月 .NET技术大版内专家分月排行榜第一 2016年10月 .NET技术大版内专家分月排行榜第一 2016年8月 .NET技术大版内专家分月排行榜第一 2016年7月 .NET技术大版内专家分月排行榜第一 黄花 2020年7月 .NET技术大版内专家分月排行榜第二 2019年4月 .NET技术大版内专家分月排行榜第二 2019年3月 .NET技术大版内专家分月排行榜第二 2018年8月 .NET技术大版内专家分月排行榜第二 2018年4月 .NET技术大版内专家分月排行榜第二 2018年3月 .NET技术大版内专家分月排行榜第二 2017年12月 .NET技术大版内专家分月排行榜第二 2017年9月 .NET技术大版内专家分月排行榜第二 2017年7月 .NET技术大版内专家分月排行榜第二 2017年6月 .NET技术大版内专家分月排行榜第二 2016年12月 .NET技术大版内专家分月排行榜第二 2016年9月 .NET技术大版内专家分月排行榜第二 2016年6月 .NET技术大版内专家分月排行榜第二 2016年3月 .NET技术大版内专家分月排行榜第二 2016年1月 .NET技术大版内专家分月排行榜第二 2015年12月 .NET技术大版内专家分月排行榜第二 2015年2月 .NET技术大版内专家分月排行榜第二 2015年1月 .NET技术大版内专家分月排行榜第二 2014年11月 .NET技术大版内专家分月排行榜第二 2014年5月 .NET技术大版内专家分月排行榜第二 2014年4月 .NET技术大版内专家分月排行榜第二 2012年2月多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二: asp.net 编程语言、框架、方式，现在特别混杂。服务器端的编程方式就又不下6、7种之多！还有基本 html/css/js 的，以及前端框架下的编程方式。

你应该先说明你会哪些 asp.net 编程技术，然后再来问你所想讨论时哪种类型的编程代码。

2018-09-12 10:13:51

点赞只看TA 引用举报 #2得分 0

⋅有关 word 内容改动和比较方法 ⋅一个意想不到的问题 ⋅你们的 gmail 还容易上去吗？ 更多帖子 关注私信空间博客 以专业开发人员为伍 等级 本版专家分：474845 勋章 进士 2018年总版新获得的技术专家分排名前十 2017年总版技术专家分年内排行榜第十 2013年总版技术专家分年内排行榜第八 铜牌 2018年12月总版技术专家分月排行榜第三 2018年11月总版技术专家分月排行榜第三 2017年2月总版技术专家分月排行榜第三 红花 2019年1月 .NET技术大版内专家分月排行榜第一 2018年12月 .NET技术大版内专家分月排行榜第一 2018年11月 .NET技术大版内专家分月排行榜第一 2018年10月 .NET技术大版内专家分月排行榜第一 2018年9月 .NET技术大版内专家分月排行榜第一 2018年7月 .NET技术大版内专家分月排行榜第一 2018年6月 .NET技术大版内专家分月排行榜第一 2018年1月 .NET技术大版内专家分月排行榜第一 2017年5月 .NET技术大版内专家分月排行榜第一 2017年4月 .NET技术大版内专家分月排行榜第一 2017年3月 .NET技术大版内专家分月排行榜第一 2017年2月 .NET技术大版内专家分月排行榜第一 2016年10月 .NET技术大版内专家分月排行榜第一 2016年8月 .NET技术大版内专家分月排行榜第一 2016年7月 .NET技术大版内专家分月排行榜第一 黄花 2020年7月 .NET技术大版内专家分月排行榜第二 2019年4月 .NET技术大版内专家分月排行榜第二 2019年3月 .NET技术大版内专家分月排行榜第二 2018年8月 .NET技术大版内专家分月排行榜第二 2018年4月 .NET技术大版内专家分月排行榜第二 2018年3月 .NET技术大版内专家分月排行榜第二 2017年12月 .NET技术大版内专家分月排行榜第二 2017年9月 .NET技术大版内专家分月排行榜第二 2017年7月 .NET技术大版内专家分月排行榜第二 2017年6月 .NET技术大版内专家分月排行榜第二 2016年12月 .NET技术大版内专家分月排行榜第二 2016年9月 .NET技术大版内专家分月排行榜第二 2016年6月 .NET技术大版内专家分月排行榜第二 2016年3月 .NET技术大版内专家分月排行榜第二 2016年1月 .NET技术大版内专家分月排行榜第二 2015年12月 .NET技术大版内专家分月排行榜第二 2015年2月 .NET技术大版内专家分月排行榜第二 2015年1月 .NET技术大版内专家分月排行榜第二 2014年11月 .NET技术大版内专家分月排行榜第二 2014年5月 .NET技术大版内专家分月排行榜第二 2014年4月 .NET技术大版内专家分月排行榜第二 2012年2月多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二: asp.net 没有重点框架，或者说它的重点框架并不是站在时代前边5年的时髦技术（而是10年前的后端技术的不断翻版），这是 asp.net 的悲哀。

2018-09-12 10:15:22

点赞只看TA 引用举报 #3得分 0

⋅有关 word 内容改动和比较方法 ⋅一个意想不到的问题 ⋅你们的 gmail 还容易上去吗？ 更多帖子 关注私信空间博客 以专业开发人员为伍 等级 本版专家分：474845 勋章 进士 2018年总版新获得的技术专家分排名前十 2017年总版技术专家分年内排行榜第十 2013年总版技术专家分年内排行榜第八 铜牌 2018年12月总版技术专家分月排行榜第三 2018年11月总版技术专家分月排行榜第三 2017年2月总版技术专家分月排行榜第三 红花 2019年1月 .NET技术大版内专家分月排行榜第一 2018年12月 .NET技术大版内专家分月排行榜第一 2018年11月 .NET技术大版内专家分月排行榜第一 2018年10月 .NET技术大版内专家分月排行榜第一 2018年9月 .NET技术大版内专家分月排行榜第一 2018年7月 .NET技术大版内专家分月排行榜第一 2018年6月 .NET技术大版内专家分月排行榜第一 2018年1月 .NET技术大版内专家分月排行榜第一 2017年5月 .NET技术大版内专家分月排行榜第一 2017年4月 .NET技术大版内专家分月排行榜第一 2017年3月 .NET技术大版内专家分月排行榜第一 2017年2月 .NET技术大版内专家分月排行榜第一 2016年10月 .NET技术大版内专家分月排行榜第一 2016年8月 .NET技术大版内专家分月排行榜第一 2016年7月 .NET技术大版内专家分月排行榜第一 黄花 2020年7月 .NET技术大版内专家分月排行榜第二 2019年4月 .NET技术大版内专家分月排行榜第二 2019年3月 .NET技术大版内专家分月排行榜第二 2018年8月 .NET技术大版内专家分月排行榜第二 2018年4月 .NET技术大版内专家分月排行榜第二 2018年3月 .NET技术大版内专家分月排行榜第二 2017年12月 .NET技术大版内专家分月排行榜第二 2017年9月 .NET技术大版内专家分月排行榜第二 2017年7月 .NET技术大版内专家分月排行榜第二 2017年6月 .NET技术大版内专家分月排行榜第二 2016年12月 .NET技术大版内专家分月排行榜第二 2016年9月 .NET技术大版内专家分月排行榜第二 2016年6月 .NET技术大版内专家分月排行榜第二 2016年3月 .NET技术大版内专家分月排行榜第二 2016年1月 .NET技术大版内专家分月排行榜第二 2015年12月 .NET技术大版内专家分月排行榜第二 2015年2月 .NET技术大版内专家分月排行榜第二 2015年1月 .NET技术大版内专家分月排行榜第二 2014年11月 .NET技术大版内专家分月排行榜第二 2014年5月 .NET技术大版内专家分月排行榜第二 2014年4月 .NET技术大版内专家分月排行榜第二 2012年2月多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二: 如果你所采用的编程工具好用，那么你可以根据不同的 case 条件，让代码执行不同的片段，产生不同的 html/DOM 片段。单纯使用 css 是不可能方便地布局的（只能到处贴 <div> 膏药）。

但是根据你采用的编程方式的不同，代码结果完全不同。如果你只要抄代码，那么前提是你要说明你能用好怎样的代码。

2018-09-12 10:21:47

点赞只看TA 引用举报 #4得分 0

⋅tp5 模型一对多关联两张表 ⋅新闻网站排版问题 ⋅请教大家一个devexpress gridview控件间隔行变色的问题 更多帖子 关注私信空间博客 yanchangshan 等级 本版专家分：336: 我本来就想用最简单的 gridview之类的能够直接显示出来的

2018-09-12 10:52:48

点赞只看TA 引用举报 #5得分 0

⋅Windows 服务能安装但不能启动

⋅为什么私信的内容看完了，刷新页面，红色的消息数字还是无法消失？

⋅我这可用分变更，几个月都没动了

更多帖子

关注私信空间博客

版主

吉普赛的歌

等级

本版专家分：10360

勋章

签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！

榜眼 2018年总版新获得的技术专家分排名第二

进士 2019年总版新获得的技术专家分排名前十

金牌 2018年10月总版技术专家分月排行榜第一
2018年9月总版技术专家分月排行榜第一
2018年8月总版技术专家分月排行榜第一: 比如有三张图片的新闻直接标题一排放上面三张图片排一排放下面
如果是一张图片就标题放左边图片放右边在一排上

你画个草图出来吧

2018-09-12 13:39:49

点赞只看TA 引用举报 #6得分 0

⋅.Net Core 如何反射service呢？ ⋅scrapy爬取数据，代理出现延迟如何避免？ ⋅c#后台通过API Post传图片到SM.MS服务器 更多帖子 关注私信空间博客 Logerlink 等级 本版专家分：1641

可以根据class来区分，然后再根据class来设计样式，无图片，一张图片，三张图片，至于这个class的名称则需要你在渲染数据时，根据图片的数量来选择



<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title></title>

		<style>

			*{margin: 0;padding: 0;}

			img{height: 75px;width: auto;}

			.container{width: 1000px;margin: 0 auto;}

			.news .item{position: relative; border: 1px solid blue;}

			.oneImg img{position: absolute;left: 0;}

			.oneImg strong{display: inline-block;height: 75px;line-height: 75px; margin-left: 10%;}

			.moreImg strong{display: block;}

		</style>

	</head>

	<body>

		<div class="container">

			<div class="news">

				<div class="item">

					<strong>新闻的标题</strong>

				</div>	

				<div class="item oneImg">

					<strong>新闻的标题</strong>

					<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />

				</div>

				<div class="item moreImg">

					<strong>新闻的标题</strong>

					<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />

					<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />

				</div>

				<div class="item moreImg">

					<strong>新闻的标题</strong>

					<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />

					<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />

				</div>

				<div class="item moreImg">

					<strong>新闻的标题</strong>

					<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />

					<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />

				</div>

				<div class="item">

					<strong>新闻的标题</strong>

				</div>	

				<div class="item oneImg">

					<strong>新闻的标题</strong>

					<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />

				</div>

				<div class="item moreImg">

					<strong>新闻的标题</strong>

					<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />

					<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />

				</div>

			</div>

		</div>

	</body>

</html>

2018-09-13 11:08:40

点赞只看TA 引用举报 #7得分 0

⋅客服专区没有了？ ⋅GeneratedValue和GenericGenerator的主键自增问题 ⋅为什么数字不对？ 更多帖子 关注私信空间博客 版主 正怒月神 等级 本版专家分：75450 勋章 进士 2019年总版新获得的技术专家分排名前十 银牌 2020年8月总版技术专家分月排行榜第二 铜牌 2019年10月总版技术专家分月排行榜第三 红花 2020年12月 .NET技术大版内专家分月排行榜第一 2020年8月 .NET技术大版内专家分月排行榜第一 2020年7月 .NET技术大版内专家分月排行榜第一 2020年6月 .NET技术大版内专家分月排行榜第一 2019年10月 .NET技术大版内专家分月排行榜第一: 你说的只是一个判断逻辑啊。
我看并不需要什么技术。
无论你是在前台排版，还是后台直接生成html。都能搞定。

2018-09-13 11:43:32

点赞只看TA 引用举报 #8得分 0

⋅tp5 模型一对多关联两张表 ⋅新闻网站排版问题 ⋅请教大家一个devexpress gridview控件间隔行变色的问题 更多帖子 关注私信空间博客 yanchangshan 等级 本版专家分：336: 那后台怎么生成这个HTML呢列子现在很多比如手机打开任意一个浏览器没有访问任意一个网址一般现在的浏览器都自动带些新闻基本就这样排版的

2018-09-13 14:21:05

点赞只看TA 引用举报 #9得分 0

1 2

收起

收藏回复

yanchangshan

等级：

关注私信 TA的帖子

bootstrap开发的新闻网站: 1.如果用bootst框架开发网站，某些页面的排版怎么修改都不能达到预期效果，可能是承载这个盒子的元素，没有清除浮动。 2.该框架的样式，有些需要更改时，在CSS中，继承修改即可。不可改库文件的源码，可能会出各种...

新闻特殊排版js效果: 新闻特殊排版js效果

网页设计有难题？12款网页设计模板给你灵感！: 作为网页设计师，你的作品就是你专业水平的最好体现方式。所以，无论是参加面试还是个人作品展示，你的网页模型是否能让人眼前一亮，是否能在交互设计或视觉设计方面突出任何一点的优势，是你取得面试机会和赢得客户...

如何建设新闻网站: 一、 新闻网站概述1．闻媒体的比较网络传播不仅突破了纸媒体新闻传播的"时间差"障碍，而且打破了电媒体"点对面"的单向传播模式，取而代之的是全新的"点对点"的双向互动的网际传播方式。在电视上，直播是一种节目...

基于版面排版设计的一个新闻类网站构建: //这个网站其实是自己学习版面设计以及排版过程中，一个实践的网站。基本的理念是：简单，排版清晰，网站有重点和突出，并通过文字排版形成美观和良好用户体验。但最后一个并没有完成十分好，并且图片和文字内容...

网易新闻详情页排版实现思路: 不论是哪一家新闻app的新闻详情页都有大量的图片和片断性的文字，一直很好奇它排版的具体实现方式，构想过一些办法（富文本之类）发现都不是明智的方法，所以决定研究一下。

h5排版方法: h5排版方法排版要解决的问题排版定位排版要解决的问题 1.使块元素排列在一行（块元素是独占一行的） 2.定位在页面上排版 1.浮动（float）浮动作为最常见的两种排版手段最开始被制造的目的却不是用来排版，所以...

页面排版: 页面排版 #shang { border: 1px solid red; width: 100%; height: 100px; background-color: black; } #left { float: left; border: 1px solid red; width: 33.3%; height: 89.5%; background-...

HTML5图像排版与链接: 一下为实现代码`在这里插入图片显示添加字体背景颜色 <在标题h里直接添加style>效果使用<span> ...body background="C://Users//DELL//Pictures//Saved Pi...

HTML排版标签:  <p align="对齐方式" >段落</p> ...hr width="宽度" size='粗细' color='颜色' align="对齐方式" noshade="无阴影" />...-- noshade=...

wordpress排版插件_16个最佳WordPress排版插件，可改善您的设计: wordpress排版插件Are you looking for a WordPress typography plugin to improve your design? Typography plays an important role in web design. It improves readability and the time users spend on your ...

列表排版: 列表排版目录1 列表类型1.1无序列表1.2 有序列表1.3 自定义列表2 列表相关样式2.1 list-style-type属性2.2 list-style-image属性2.3 list-style-postion属性3 新闻列表的实现3.1 编写HTML文件3.2 编写CSS样式 ...

优化前端页面内容排版: 优化前端页面内容排版 1.访问地址 https://github.com/sofish/typo.css 2.下载 3.文件解压之后 4.将css复制到项目目录 5.进行引入css 加上上图中的属性 6.修改typo.css，将所有组件前面加上.typo,表示在typo的...

word报纸排版样本: word报纸排版样本，可根据自己的需要更改内容

wpsa3版面怎么变成a4、排版不变_排版黑科技，小白也能玩出花样推文: 前两周为大家准备了公众号排版的一篇文章，其中有说到一点：“现在排版，我们已经不太需要用到第三方排版工具了。”或许很多骨灰级排版老手也会这么感慨，遥想当年刚接触公众号的时候，后台编辑功能还不齐全，也没有...

网页文章内容排版工具：Type Nugget: 每一个新闻、博客等阅读类网站都应该注意文章的内容排版，并且能让用户友好的阅读，比如一些小说网站，会把内容文字变得比较大，高级一点还可以让用户调整字号、背景。今天设计达人网为大家分享一个网页文章内容...

wpsa3版面怎么变成a4、排版不变_干货丨毕业论文排版教程: 毕业论文排版教程又到了一年一度的毕业季，每年一到这个时候，毕业论文这个磨人的小妖精就会出来兴风作浪，对广大即将毕业的大学生进行身体和心灵的摧残~~俗话说：无论生活遇到何种困难，但还是要记得，写论文最重要...

非常好用的排版助手网编必用排版工具: 这是一款广受编辑追捧的智能排版整理文章的软件,该软件短小精悍,无需安装即可使用。适合新闻采集员、编辑、文摘网及有文章排版需求者。此软件终身免费，100%绿色纯净，不读写注册表不捆绑软件和恶意广告。

ps报纸排版教程：ps报纸文字排版教程: 大家好，本篇为大家分享ps报纸排版教程：ps报纸文字排版教程，自从丫头上了小学，这作业难度是越爱越高，这不，老师让做一期报纸，下面就是ps报纸排版教程：ps报纸文字排版教程的具体步骤，我学习了好久，也算是在...

书籍排版学习心得_为什么排版是您可以学习的最佳技能: 书籍排版学习心得重点 (Top highlight)I was introduced to design in a serpentine fashion. I don’t have any formal training. Instead, I’ve learned everything through the Web, books, and by interacting...

原来公众号高颜值排版是这样啊?: 成猿之路学习编程技术，关注这个公众号足够了公众号排版教程做公众号的都知道,公众号的排版的好坏是关键,好的排是阅读量提升的关键,今天给大家分享一波公众号排版的资源。获取方...

在网页设计中如何排版，教你一些有效的方法，足够让你的排版变好看: 可以说，排版是UI设计中最难的部分。在这篇文章中，我会教你一些实用的技巧，你可以在你的项目中使用。一、考虑用户我们应该记住，除了美学，我们还有用户。你需要使用的字体要灵活。你的字体应该提供粗细不同的...

uni-app 完整一个新闻列表页开发，问题记录，总结: 要实现的几个关键点：自动上滑加载更多，下拉刷新，如图原理，每页请求数据，根据下滑，当前页码加一，得到数据进行，数组拼接原理，每页请求数据，根据下滑，当前页码加一，得到数据进行，数组拼接 ...

在DIV+CSS排版中新闻列表标题和日期两端对齐: CSS代码: .list{ margin: 0px 10px 20px; text-align: left; } .list ul{ list-style-type: none; margin: 0px; padding: 0px;... background: url(/news/images/line.gif) repeat-x b

中英文排版规范化 API 接口: 中英文排版规范化 API 接口自动中英文排版、标点符号格式化。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GYXi2rmX-1599579237094)...

H5自适应新闻自媒体网站源码: 这套源码整体是红色风格，界面按照科技类自媒体网站的排版方式布局，干净清爽，非常适合国人浏览新闻的习惯，只要你的网站能够按时按量的更新大量的新闻热点，相信很容易就能拥有大流量。这套源码是使用织梦开源...

UI排版及小总结: 排版（作者：杨政，撰写时间：2019.5.24...有学校、食品、新闻等多种。 3、我们所认识的排版，首先在视觉上他就要统一，在其次我们在做官网后台的时候哪一个不是同一排版的吗？所做的文字、线框、图片都是同一的，...

HTML-通过div来对网页进行排版: 使用div对网页进行排版因为div可以理解为是HTML里面的容器，而且div也可以进行嵌套 <!DOCTYPE html> <html> <head> <title>Buju_div</title> <style> body{ m...

微信文章如何自动排版: 微信文章如何自动排版呢？这可是很多小编的排版梦想，...目前有简约风、文艺风、杂志风、家居风、新闻风、党政风等风格的模板供胖友们选择。胖友们只需要将素材导入到编辑区，点击你想要使用的模板，就可以实现自动...

Web前端篇：CSS常用格式化排版: 一、字体的属性设置字体属性： body{font-family:"Microsoft Yahei"} body{font-family:"Microsoft Yahei","宋体","黑体"} #备选字体可以有无数个，那么浏览器在去解析这个代码的时候，是从左往右解析的，如果没有...

相关热词 c#无法设置断点 c# cv emgu c# 服务启动调试 c# 实现屏幕录制 c# word 读取 c#类的无参构造方法 c#remove的用法 c# 自定义控件属性 c#正则生成工具 c#操作其他应用程序