关于页ASP.NET面布局
关于页面布局,充分利用Table和分层
从接触ASP.NET到现在已经有一段时间了,起初总是嫌麻烦,想找捷径,凡是想当然,结果导致自己反而走了不少的弯路。
起初刚开始接触ASP.NET的时候,发现控件和文字没办法随意移动,偶然发现将CSS中位置选项调成“绝对定位”后控件可以随意移动了,突然觉得非常方便,就直接在工具设置中直接将为默认位置设置为“绝对定位”。在布局的时候随意调TABLE的大小,并在自己绝对满意的位置放上控件。但是一运行程序,很是苦恼了,布局跟自己想象中的不一样,有些控件都到了TABLE的边界之外,但是我没有想到别的办法,也就一直在调整各个控件的位置,但是不管我怎么努力,程序一运行起来布局就凌乱了,如果页面刷新又会进一步打乱控件和内容的位置,为此我也苦恼了很久,也找不到合适的解决方式。
又一次偶然,我电脑崩溃了,一气之下重装了系统,当然应用然间也要重装咯,在用ASP.NET平台的时候我一开始就直接用系统的默认设置了。可能是之前的经验吧,运用控件已经较为熟练了,我就试着在不设置CSS位置为“绝对位置”的情况下布局,结果发现运行程序后的位置和设计界面里安排的位置相对应,没有发生偏移的现象。随即我又拖动了ASP.NET里的“登录”模板,想通过此来了解其如何布局的。结果我发现其中表格的位置设定为“空(即无设置)”,这样一来表格就可以起到约束控件和文字的作用,我受到了很大的启发,立马自己做了一个页面,并且将CSS中的位置设置为“无”。做了一个简易的表格,果然版面好看了许多,若果需要在同一个位置显示不同的东西,则要充分利用分层。我好想突然恍然大悟,本来还因为重装系统的事情而郁闷的,想想如果不是重装系统,我这个死脑筋应该不会想到吧位置调回来。发现自己真的是一个大傻瓜,结果我就沿用这样的默认位置(既不设置任何位置模式)开始布局我的页面,适当的地方用上回车或空格。这个页面就变得整齐了很多,特别是为页面制作表格的时候。
在没办法自己解决问题的时候,我们可以试着探索平台自身所带的模板,以从中获取信息。O(∩_∩)O
关于页ASP.NET面布局的更多相关文章
- Jetpack Compose学习(5)——从登录页美化开始学习布局组件使用
原文:Jetpack Compose学习(5)--从登录页美化开始学习布局组件使用 | Stars-One的杂货小窝 本篇主要讲解常用的布局,会与原生Android的布局控件进行对比说明,请确保了解A ...
- ASP.Net MVC 布局页 模板页 使用方法详细说明
一.Views文件夹 -> Shared文件夹下的 _Layout.cshtml 母版页 @RenderBody 当创建基于_Layout.cshtml布局页面的视图时,视图的内容会和布局页面合 ...
- ASP.NET MVC布局
一.Views文件夹 -> Shared文件夹下的 _Layout.cshtml 母版页 @RenderBody 当创建基于_Layout.cshtml布局页面的视图时,视图的内容会和布局页面合 ...
- Django实战(12):增加目录页,设定统一布局
针对上一节的新需求,界面设计师还为我们设计了一个新的界面,不仅仅是目录页,还包含了站点的整体风格,如下图: 感谢界面设计师为我们提供的“又黑又硬”的工具条,这个看起来真的很酷.下面,让我们来享用她的工 ...
- ASP.NET MVC 5 学习教程:修改视图和布局页
原文 ASP.NET MVC 5 学习教程:修改视图和布局页 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 添加模型 创建连接字符串 ...
- ASP.NET MVC中的嵌套布局页
在WEB窗体模式中,用惯了母版页,并且常有母版页嵌套的情况. 而在MVC模式下,对应母版页的,称作为布局页.默认的布局页为 ~/Views/Shared/_Layout.cshtml.默认每个页面都会 ...
- 041. asp.net中内容页访问母版页中的控件
母版页运行机制: 用户通过输入内容也的URL来请求某个页面, 获取该页面后, 读取@Page指令, 如果该指令引用了一个母版页, 则也读取该母版页, 如果也是第一次请求这两个页面, 则母版页和被请求的 ...
- MVC 模板页和布局
我们在以前的Asp.NET课程中已经学习过母版页了,在MVC中WebForm视图使用母版页的方法与以前基本相同. 创建一个项目MvcMasterPageDemo. 添加Home控制器,生成Index视 ...
- asp.net core系列 44 Web应用 布局
一.概述 MVC的视图与Razor页面经常共享视觉和程序元素,通过使用布局来完成,布局还可减少重复代码.本章演示了以下内容的操作方法:(1)使用通用布局,(2)自定义布局,(3) 共享指令,(4)在呈 ...
随机推荐
- 让你提前认识软件开发(19):C语言中的协议及单元測试演示样例
第1部分 又一次认识C语言 C语言中的协议及单元測试演示样例 [文章摘要] 在实际的软件开发项目中.常常要实现多个模块之间的通信.这就须要大家约定好相互之间的通信协议,各自依照协议来收发和解析消息. ...
- cocos2d-x 源代码 :可以循环CCScrollView (,代码已被重构连接使用)
cocos2d-x来源合计文件夹 http://blog.csdn.net/u011225840/article/details/31743129 1.准备工作 想弄懂可循环的CCscrollView ...
- Web打印组件jatoolsPrinter(转载)
应用web化,不论对开发商,还是对用户来说,实在是一种很经济的选择,因为基于web的应用,客户端的规则很简单,容易学习,容易维护,容易发布.但对程序员来说,因为浏览器的局限性,却要面对很多挑战.怎么样 ...
- eclipse主题插件
打开eclipse ,选择 Help 选择Install New Software 点击 Add 输入http://eclipse-color-theme.github.com/update,选中Ec ...
- 第10季asp.net基础
什么是ASP.Net: ASP.Net是一种动态网页技术,在服务器端运行.Net代码,动态生成HTML.可以使用javascript.Dom在浏览器端完成很多工作,但是有很多工作无法在浏览器端完成,比 ...
- 使用IDENTITY列属性和Sequence对象
使用IDENTITY列属性 1. 建立表 Sales.MyOrders USE TSQL2012; IF OBJECT_ID(N'Sales.MyOrders', N'U') IS NOT NULL ...
- 【转】 利用spring的profile切换不同的环境
<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.sp ...
- XAlign - Xcode插件 - 对齐代码
链接地址:http://my.oschina.net/u/2473136/blog/520620 一款十分强大的自定义对齐模式插件 开源地址:https://github.com/qfish/XAli ...
- Android目录结构介绍&Android学习之hello world
分类: 嵌入式 一个android项目有如下目录: src:这里放的是我们编写的源代码 gen:这里的是eclipse自动生成的文件,不用管它 asssts:放置文件 res:也是放置文件,不同的是r ...
- jbpmAPI-1
1.1. What is jBPM? jBPM是一个灵活的业务流程管理(BPM)套件.它是轻量级的,完全开源Apache许可下(分布式),用Java编写的.它允许您模型.执行和监控业务流程的整个生命周 ...